webpack 打包

一，webpack 打包 最简单方法 webpack ./src/…js

二，webpack 创建webpack.config.js需要配置文件以及路径
npm init 创建package.json npm install 下载依赖文件 配置后可以直接用webpack打包

三，在package.json配置build后可以直接使用npm run build指令打包

四，css-loader只负责将css文件进行加载
style-loader负责将样式添加到DOM

五，ES6转换ES5 babel-loader

六，webpack vue的使用

npm install vue --save 下载插件
需要配置webpack.config.js
resolve:{
alias:{ //别名
‘vue$’:‘vue/dist/vue.esm.js’
}
}

el和template的关系 如果同时存在 template会替换el 所以不用更改html里的代码
打包.vue 文件需下载
vue-loader, vue-template-compiler

七，webpack-server-dev -g 输入此命令下载
然后配置相关数据
devServer: { //开发阶段需要
contentBase: path.join(’./dist’),
compress: true,
port: 9000
}
webpack.config.js需要配置 “dev”：“webpack-server-dev”