码迷,mamicode.com
首页 > Web开发 > 详细

【webpack】中DllPlugin用法

时间:2019-07-14 12:58:39      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:脚本   res   rar   public   ack   github   https   output   set   

首先准备需要打包的库

webpack.dll.js

const webpack = require(‘webpack‘)
const path = require(‘path‘)

module.exports = {
  entry: {
    react: [‘react‘, ‘react-dom‘]
  },
  output: {
    library:  ‘react‘, // 以一个库的形式导出
    filename: ‘[name].dll.js‘
  },
  plugins: [
    new webpack.DllPlugin({
      name: ‘react‘,
      path: path.resolve(__dirname, ‘dist/manifest.json‘)
    })
  ]
}

 

package.json增加一个脚本

    "dll": "webpack --config webpack.dll.js --mode=development"

 

然后打包出文件react.dll.js和manifest.json

 

在开发环境配置中增加下面代码

  plugins: [
    new webpack.DllReferencePlugin({
      manifest: path.resolve(__dirname, ‘dist/manifest.json‘)
    }),
    new AddAssetHtmlPlugin({ filepath: path.resolve(__dirname, ‘dist/react.dll.js‘) })
  ]

 

用到了HTML引入静态资源的库

add-asset-html-webpack-plugin

【webpack】中DllPlugin用法

标签:脚本   res   rar   public   ack   github   https   output   set   

原文地址:https://www.cnblogs.com/wuxianqiang/p/11183736.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!