webpack使用记录

对于webpack 学习路径路程
参考: webpack 系列

webpack配置模板练习

1. 引入vue 与 jq,(希望实现, 多页面应用+jq 的框架,)
2. 对于 monment.js 引入时,可以忽略不必要的语言包,并手动引入对应语言;
3. 对于一些优化项,可以使用 dllpulgin ,动态链接manifest.json文件
4. 使用happypack 进行多线程打包, id ,
5. optimization(chunkCommonPlugin) 多页面,抽离重复引用文件放在一个文件中
6. do while 至少一次执行

---

1. 引入html 文件, 引入插件plugin html-webpack-plugin

2. 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

3. js模块

• (babel), babel-loader , @babel/core, @babel/preset-env(转换es6语法), @babel/plugin-proposal-class-properties(class语法)
• “@babel/plugin-transform-runtime”(运行)
  “html-webpack-plugin”(生产环境)