3.css文件打包

2019-07-26  本文已影响0人  丸子_d7e2

在src/css/index.css

在entry文件下

import css from './css/index.css';

webpack.config.js配置

安装css-loader    style-loader
rules说明
test:用于匹配处理文件的扩展名的表达式,这个选项是必须进行配置的;
use:loader名称,就是你要使用模块的名称,这个选项也必须进行配置,否则报错;
include/exclude:手动添加必须处理的文件(文件夹)或屏蔽不需要处理的文件(文件夹)(可选);
query:为loaders提供额外的设置选项(可选)。

loader说明
style-loader <link rel="stylesheet" href="">
css-loader 标签

webpack配置

module: {
        //规则
        rules: [
            {
                //正则表达
                test: /\.css$/,
                // 要用什么loader
                use: [{
                    loader: 'style-loader'
                }, {
                    loader: 'css-loader'
                }]
            }
        ]
    }
上一篇下一篇

猜你喜欢

热点阅读