webpack的代码分割配置代码,异步加载模块配置

2019-12-19 张宇童 webpack

需要在webpack.config.js配置中添加字段 optimization

首先在这里简单提一下

optimization 里面可以配置 tree shaking 

添加usedExports: true即可

下面我们进入正题

只需要在optimization里面添加配置

splitChunks: { chunks: 'all' }

即可 代码分割


配置异步加载

可以在函数里面直接import('xxxx')

$ sudo cnpm i -D babel-plugin-dynamic-import-webpack
options: {
   "presets": [
        "@babel/preset-env",
        "@babel/preset-react",
    ],
    plugins: ['dynamic-import-webpack']
},



标签: javascript

评论:

匿名
2020-02-22 19:13
本站已加贵站链接!
匿名
2020-02-21 23:17
请求加友链:
名称:文轩设计之路
链接:http://www.wenxuands.com
描述:一个80后从事于网站前端设计和平面设计的站长之路。
联系QQ:2797190385
张宇童
2020-02-22 09:14
@匿名:连接已添加

发表评论:

Powered by emlog