webpack-demo
webpack-demo copied to clipboard
手动自己配置webpack的错误。
我在入口函数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
这是什么原因?
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参考一下