webpackvue实战 webpack+vue

vue的webpack干啥用的

webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。

WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。

vuecli和webpack区别

vuecli是vue的官方脚手架，用于初始化vue工程，目前已支持了vue2和vue3的工程生成。

webpack是一个通用的前端打包工具，其核心理念是一切皆模块，其使用上与vue无必然关系，可在任意技术栈的前端工程中使用

vue压缩后的js可以反编译出来吗

jsp是比较偏html的，不怎么关心你的js文件。而vue+webpack的组合，出来之后html会很小，里面基本上只是共有css/js和div挂载点。关键在于js文件。所以其实两者的配合是可以比较解耦的。

关于Vue.js和react.js的异同

vue和react.js 相同点： vue和react是两个不像相同的框架，但是他们之间也是用共同特点的，所有的前端框架都有一些相同的特点，vue和react之间关键的相同之处在于，它们在被设计出来时所用的理念是一样的，比如：都用到了component组件，props参数传递，组件之间的通信，state状态管理器，lifecircle声明周期等等，似乎现在的前端框架都已经成为了mvc或则mvvc的样子，虽然还有一部分前端开发还是传统模式，但是必然会被node+webpack+vue /react---之类的自动化逐渐替代。

vue和react.js 的不同之处： vue和react.js最大不同之处在于它们对DOM的渲染方式不同，vue可以直接在vue文件中使用html标签，数据绑定时类似angular，可以进行条件渲染，而react.js则采用了jsx语法，运用虚拟DOM 的概念进行，DOM对页面元素进行渲染，获取页面元素需要用ref来获取。

idea怎么创建vue项目

回答：先安装vue.js插件(快捷键CTRL+SHIFT+S:Plugins,搜索Vue安装)

2.然后选择创建项目(低版本的IDEA应该是static Web) 注意:name不能写大写字母,一律写小写

3.这样就会自动构建vue项目了

4.如果构建失败的话,应该是打包工具(webpack和webpack-cli)没有安装 安装webpack npm install --save-dev webpack 安装webpack-cli npm install --save-dev webpack-cli # 不要忘记webpack4.+开始webpack-cli是必备的哦