对于webpack 学习路径路程
参考: webpack 系列
webpack配置模板练习
- 引入vue 与 jq,(希望实现, 多页面应用+jq 的框架,)
- 对于 monment.js 引入时,可以忽略不必要的语言包,并手动引入对应语言;
- 对于一些优化项,可以使用 dllpulgin ,动态链接manifest.json文件
- 使用happypack 进行多线程打包, id ,
- optimization(chunkCommonPlugin) 多页面,抽离重复引用文件放在一个文件中
- do while 至少一次执行
-
引入html 文件, 引入插件plugin html-webpack-plugin
-
css ,注意: loader 是右到左, 从下到上执行
- 首先是 style-loader css-loader,
mini-css-extract-plugin,
optimize-css-assets-webpack-plugin//压缩
uglifyjs-webpack-plugin
postcss-loader(加上前缀) (less)less-loader , node-sass,(sass-loader) ,stylus-loader
- js模块
- (babel), babel-loader , @babel/core, @babel/preset-env(转换es6语法), @babel/plugin-proposal-class-properties(class语法)
- “@babel/plugin-transform-runtime”(运行)
“html-webpack-plugin”(生产环境)