大致是说,在webpack打包的时候,可以在js文件中混用require和export。但是不能混用import 以及module.exports。
因为webpack 2中不允许混用import和module.exports,
解决办法有两种:
一、在babel.config.js里配置unambiguous设置,让babel和webpack一样严格区分commonJS文件和ES6文件(个别打包后会造成引入的组件丢失)
module.exports = {
presets: [
'@vue/app'
],
sourceType: 'unambiguous'
}
二、统一改成ES6的方式编写添加插件
npm install --save-dev @babel/plugin-transform-modules-commonjs
在项目根目录新增.babelrc文件,并在文件中加入
{
"plugins": ["@babel/plugin-transform-modules-commonjs"]
}
建议使用第二种