挡在入口文件中import一个css文件,打包成功并引入页面后会报错,因为此时无法处理css文件,要想处理此文件,就要安装第三方插件style-loader,css-loader
cnpm install style-loader css-loader -D
module: {
rules: [{
test: /\.css$/,
use: [
'style-loader',
'css-loader'
]
}]
}
lsee文件
cnpm install style-loader css-loader less-loader less -D
module: {
rules: [{
test: /\.less$/,
use: [
'style-loader',
'css-loader',
'less-loader'
]
}]
}
scss文件
cnpm install style-loader css-loader sass-loader node-sass -D
module: {
rules: [{
test: /\.sass$/,
use: [
'style-loader',
'css-loader',
'sass-loader'
]
}]
}