webpack-demo icon indicating copy to clipboard operation
webpack-demo copied to clipboard

手动自己配置webpack的错误。

Open lovefox666 opened this issue 6 years ago • 1 comments

我在入口函数main.js里放了一个类 class Person{ static info = { name: 'dd', age: 20 } } 2、安装了相应的Loader cnpm i babel-core babel-loader babel-plugin-transform-runtime -D cnpm i babel-preset-env babel-preset-stage-0 -D
3、在webpack.config.js里配置了module的rules

module: {//配置所有第三方Loader模块的 rules: [//第三方匹配规则 { test: /.css$/, use: ['style-loader','css-loader'] },//处理css文件的loader { test: /.less$/, use: ['style-loader','css-loader','less-loader'] },//处理less文件的loader { test: /.scss$/, use: ['style-loader','css-loader','sass-loader'] },//处理scss文件的loader { test: /.(jpg|png|gif|jpeg)$/, use: 'url-loader?limit=244&name=[hash:8]-[name].[ext]' }, //处理scss文件的loader,limit是限制图片大小。如果图片大小大于或等于limit,不转为base64 { test: /.(ttf|eot|svg|woff|woff2)$/, use:'url-loader'}, //这是处理字体文件的配置 { //cnpm i babel-core babel-loader babel-plugin-transform-runtime -D //cnpm i babel-preset-env babel-preset-stage-0 -D
test: /(.jsx|.js)$/, use: { loader: "babel-loader" }, exclude: /node_modules/ }//这是配置babel,来转换高级ES6语法 ] }

运行npm run dev,提示错误 ERROR in ./src/main.js Module build failed (from ./node_modules/[email protected]@babel-loader/lib/index.js): Error: Plugin/Preset files are not allowed to export objects, only functions. In D:\00 projects\day6\01.webpack-study\node_modules\babel-preset-stage-0\lib\index.js

这是什么原因?

lovefox666 avatar Oct 03 '18 03:10 lovefox666

Module build failed (from ./node_modules/[email protected]@babel-loader/lib/index.js): Error: Plugin/Preset files are not allowed to export objects, only functions

http://www.cnblogs.com/soyxiaobi/p/9554565.html参考一下

GuoYuFu123 avatar Dec 27 '18 05:12 GuoYuFu123