webpack入门——打包css

webpack4会默认压缩js文件

1.新建index.css文件

webpack入门——打包css_第1张图片

2.在entry.js中引入index.css文件

webpack入门——打包css_第2张图片

在webpack.config.js中配置moudle

  module:{
        rules:[
            {
                test:/\.css$/,
                use:['style-loader','css-loader']
                
            }
        ]
    },

3.安装打包需要的工具

npm install style-loader --save-dev

npm install css-loader --save-dev

4.执行npm run server,浏览器中输入地址查看结果

你可能感兴趣的:(webpack4)