webpack

公共模块按需打包 在项目进行中，会应用很多公共的模块，其实这些模块是不会变动的，在后期项目优化的时候，用到了 webpack 下的 DLLPlugin 和 DLLReferencePlugin ，记录一下。 配置 dll.config.js const webpack = require('webpack'); const path = require('path') // 需要提取的公共模块 const vendors = [ 'vue', 'vue-router', 'lodash', 'vuex', 'fastclick', 'axios'

babel: 使用缓存，use: ['babel-loader?cacheDirectory'] resolve.alias: 使用别名，直接引用打包好的库 module.noParse: 忽略没有采用模块化的文件库，不让 webpack 解析 使用 DllPlugin: 将基本库打包成单独的文件 使用 HappyPack: 开启多进程打包 使用 ParalleUglifyPlugin: 开启多进程压缩 js 使用自动刷新: watch:true HMR: plugin.push(new HotModuleReplacementPlugin(

{ // entry 表示 入口，Webpack 执行构建的第一步将从 Entry 开始，可抽象成输入。 // 类型可以是 string | object | array entry: './app/entry', // 只有1个入口，入口只有1个文件 entry: ['./app/entry1', './app/entry2'], // 只有1个入口，入口有2个文件 entry: { // 有2个入口 a: './app/entry-a',