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']
},



版权声明:若无特殊注明,本文皆为《 张宇童 》原创,转载请保留文章出处。
本文链接:webpack的代码分割配置代码,异步加载模块配置 https://www.zyt8.cn/webpack/255.html
正文到此结束

热门推荐

发表吐槽

你肿么看?

你还可以输入 250 / 250 个字

嘻嘻 大笑 可怜 吃惊 害羞 调皮 鄙视 示爱 大哭 开心 偷笑 嘘 奸笑 委屈 抱抱 愤怒 思考 日了狗 胜利 不高兴 阴险 乖 酷 滑稽

评论信息框

吃奶的力气提交吐槽中...

已有3条吐槽

匿名

2020-02-22 19:13 广西鹏博士长城宽带
本站已加贵站链接!
 Windows   Google Chrome Windows

匿名

2020-02-21 23:17 广西鹏博士长城宽带
请求加友链:
名称:文轩设计之路
链接:http://www.wenxuands.com
描述:一个80后从事于网站前端设计和平面设计的站长之路。
联系QQ:2797190385
 Windows   Google Chrome Windows

张宇童

2020-02-22 09:14 ████████████████
@匿名:连接已添加
 Macintosh   Google Chrome MAC