webpack:webpack小记
1.webpack作用
2.webpack.config.js的配置
3.webpack-dev-server
webpack-dev-server用来自动打包的插件,文件有改动则自动打包,我们直接刷新网页就行。使用方法:
- npm install webpack-dev-server -d
- 在webpack.config.js配置诶入口和出口文件
- 在package.json中scripts项配置:
“dev”:“webpack-dev-server --open --port 3000 --contentBase src --hot”(配置项可自行增删) - 在命令行中运行 npm run dev
npm install -d 就是npm install --save-dev
npm insatll -s 就是npm install --save
4.html-webpack-plugin插件
html-webpack-plugin插件会在内存中生成一个默认首页模板,并把打包后的bundle.js导入进去。
new htmWebpackPlugin({
template: //用哪个文件生成模板
filename: //生成的模板的名字
}),
5.loader
js的babel-loader说明:
6.webpack中如何使用vue