美文网首页
rollup打包方式无法识别require.context问题

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

作者: kentlin | 来源:发表于2023-06-19 16:15 被阅读0次

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

    相关文章

      网友评论

          本文标题:rollup打包方式无法识别require.context问题

          本文链接:https://www.haomeiwen.com/subject/jmyeydtx.html