webpack打包组件库问题

打包的组件库就一个js,引用会报错

ReferenceError: exports is not defined

其中webpack主要代码是

 webpackConfig.module
    .rule('js')
    .test(/\.([jt])s$/)
    .exclude.add(/node_modules/)
    .end()
    .use('babel-loader')
    .loader('babel-loader')
    .options({
      presets: [
        '@babel/preset-env',
        '@babel/preset-typescript',
        '@vue/babel-preset-jsx',
      ],
      plugins: [
        [
          '@cyber/babel-plugin-component',
          { libraryName: 'element-ui', styleLibraryName: 'theme-chalk' },
        ],
        '@babel/plugin-transform-regenerator',
        '@babel/plugin-transform-runtime',
      ],
    });

 webpackConfig.output
    .path(resolve(cwd, 'dist'))
    .filename('[name].js')
    .libraryTarget('commonjs');

求解

为了排查问题,我把index.js写成

const Cyber = {}

export default Cyber

关于这个问题一般是由于没有按照ES6的写法，请将写法转换为ES6，并严格遵循ES6的规范。

js里面是怎么写的呢？

您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632