rollup打包方式无法识别require.context问题

因为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,成功!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容