module.exports = {
entry:'./entry.js',//入口
output:{
path:__dirname,//根路径
filename:'bundle.js'//出口文件名
},
devtool:'source-map',//方便在线调试
module:{
rules:[
{
test:/\.css$/,//正则匹配
use:['style-loader','css-loader']//loader use
},
{
test:/\.s[ac]ss$/,
use:['style-loader','css-loader','sass-loader']
},
{
test:/\.less$/,
use:['style-loader','css-loader','less-loader']
},
{
test:/\.js/,
use:['babel-loader'], //处理es6语法,需要安装cnpm i babel-loader babel-core babel-preset-env -D,注意:babel只转换语法如箭头函数,可以使用babel-polyfill支持新的变量如Promise等新的方法。
exclude:/node_modules/ //不在node_modules中查找js模块
}
]
}
}
webpack.config文件的配置
最新推荐文章于 2024-07-28 00:56:04 发布