美文网首页
3.css文件打包

3.css文件打包

作者: 丸子_d7e2 | 来源:发表于2019-07-26 13:56 被阅读0次

    在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'
                    }]
                }
            ]
        }
    

    相关文章

      网友评论

          本文标题:3.css文件打包

          本文链接:https://www.haomeiwen.com/subject/avwrrctx.html