因为require.context是webpack特有的API,再rollup中使用会报错,那其实解决这个问题也很简单。把require.context在rollup中实现一下即可,我们可以通过rollup-plugin-require-context这个包来处理。
先安装
npm i rollup-plugin-require-context
再配置plugins
import requireContext from 'rollup-plugin-require-context';
export default {
input: 'main.js',
output: {
file: 'bundle.js',
format: 'iife'
},
plugins: [
requireContext()
]
};
最后build尝试一下
发现以下报错:
image.png
直接安装这个包
npm install --save-dev generate-source-map@0.0.5
再build,成功!
网友评论