安装模块
cnpm i style-loader css-loader -D
webpack.config.js
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
mode: 'development',
devtool:false,
entry: './src/index.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: '[name].js'
},
module: {
rules: [
{ test: /.css$/, use: ['style-loader','css-loader'] }
]
},
plugins: [
new HtmlWebpackPlugin({template: './src/index.html'})
]
};
srcg.css
srcg.css
body{
background-color: green;
}
srcindex.css
srcindex.css
@import "./bg.css";
body{
color:red;
}
srcindex.js
srcindex.js
import './index.css';
没有添加支持插件前;
添加插件后：
样式发生变化 css 支持了