项目中使用vue-contextmenujs库时,打包报错如下 依赖包含es6语法,UglifyJs不识别,需要babel-loader处理,打包配置如下
{ test: /\.js$/, loader: 'babel-loader', //exclude: /node_modules\/(?!(dom7|ssr-window|swiper)\/).*/, include: [resolve('src'), resolve('test'),resolve('node_modules/webpack-dev-server/client'),resolve('node_modules')] // include: [resolve('src'), resolve('test'),resolve...
将babel-loader中处理node_modules下的模块的配置单独拎出去,覆盖公共的babel.config.js配置 [{test:/\.(ts|js)x?$/,include:[path.resolve(__dirname,'../src'),// /node_modules[\\/]antd/, // 从这里去掉],use:[{loader:'babel-loader',options:{cacheDirectory:true,cacheCompression:false,},},...
最后翻了Babel官网发现如果需要babel处理node_modules的代码需要使用babel.config.json来配置babel而不是.babelrc。 vue-cli transpileDependencies Type:boolean | Array<string | RegExp> Default:false 默认情况下babel-loader会忽略所有node_modules中的文件。你可以启用本选项,以避免构建后的代码中出现未转译的第三方...
test:/\.(jsx|js)$/, include:[ resolve("../node_modules/react-loadable"), resolve("../src"), resolve("./router.config.js") ], use:["babel-loader"] }, ] }Smart猫小萌 浏览502回答22回答 绝地无双 用了第一种方法,确实编译通过了,但是我的corejs配置是3,所以import'@babel/polyfill';...
答：通过正则指定node_modules中的某些包不排除，如下：exclude:/node_modules\/(?![module1|module2]...
这个词实际上包含了多个相似却有微妙差异的概念。如果不能分清它们，会给你的开发工作带来很多烦恼。
babel7之后.babelrc文件会忽略node_modules的编译。 1.如果想用polyfill,可以配置: "useBuiltIns": "entry" 然后在入口文件中注入import '@babel/polyfill';,就会根据你的targets来注入该版本浏览器的所有缺少的补丁,所需要的react-loadable自然也可以用Object.assign;其实目前更好的补丁方式可以用采用polyfill.io这种...
萌新求教!在webpack中使用babel-loader时,想include一个node_modules的包未生效我引入了一个包react-loadable,这个包的代码中用了Object.assign(),但是我想兼容ie10,所以想把react-loadable包通过我的babel编译成兼容ie10的代码。项目目录是正确的,能正常编译,但是react-loadable中的代码没有被我的babel编译到,请问...
loader:'url-loader', options:{ limit:919200 } } ] }, { test: /\.js$/, exclude: /(node_modules|bower_components)/, use: { loader: 'babel-loader', options: { presets: ['@babel/preset-env'] } } } ] } }; 1. 2. 3. ...