Vue学习笔记（四）Webpack

下载 Node.js  网址  www.nodejs.cn

npm i webpack -g 全局安装 webpack

打包文件

创建webpack.config.js  固定写法

ES6 代码 配置支持ES5

webpack 安装Vue

安装命令  npm install vue --save 

配置别名

main.js 内部引用

下面用组件来管理vue

安装vue-loader : 命令： npm install vue-loader vue-template-compiler --save-dev

#添加横幅插件

#打包 html 的plugin 安装

npm install html-webpack-plugin --save-dev

#js压缩plugin

安装 npm install uglifyjs-webpack-plugin --save-dev

#webpack 配置本地服务器

安装：npm install webpack-dev-server --save-dev

配置

配置命令：

运行命令：npm run dev

运行成功，且只要修改代码 是不需要重新 npm run build  可以修改完一次性编译

省去很多编译的麻烦

#配置文件分离

安装  npm install webpack-merge

配置

配置文件