javascript - webpack打包异步加载模块的路径问题

问题描述

问 题

用require.ensure 异步加载的模块打包后chunk.min.js放在 dist 目录，入口文件打包的build.js 也是在dist目录，我在根目录的default.aspx 文件里面引入了 build.js, 但是无法加载chunk.min.js 这个文件

// webpack.config.js
output: {
    path: path.join(__dirname, 'dist'),
    filename: 'build.js',
    chunkFilename: '[name].min.js'
}

// default.aspx
<script type="text/javascript" src="/2016/dist/build.js"></script>

报错
*/2016/cardTempl.min.js not found

解决方案

你缺的是publicPath，来和我一起写

output: {
    path: path.join(__dirname, 'dist'), 
    filename: 'build.js', 
    chunkFilename: '[name].min.js',
    publicPath: '/dist/'
}

这篇关于javascript - webpack打包异步加载模块的路径问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！