Diary Notes
  • 首页
  • Vue
  • axios
  • webpack
  • typescript
  • promise
  • ECMAScript6
  • stylesheet
  • JQyery
  • javaScript
  • 杂记
  • 工具
  • 个人首页

webpack

A collection of 3 posts

webpack

DLLPlugin 和 DLLReferencePlugin

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

  • aco Yang
    aco Yang
1 min read
webpack

webpack 优化策略

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

  • aco Yang
    aco Yang
1 min read
webpack

webpack 配置列表

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

  • aco Yang
    aco Yang
5 min read
Diary Notes © 2019
Latest Posts Ghost