美文网首页
webpack打包样式文件/css文件

webpack打包样式文件/css文件

作者: 清汤饺子 | 来源:发表于2018-09-12 10:26 被阅读0次

打包样式文件

1.npm init 生成packge.json,后面安装插件会自然产生依赖

image

2.安装load加载器

npm install css-loader style-loader

3.修改配置文件webpack.config.js,引入安装好的模块加载器

module.exports = {
        entry: './src/js/main.js',//入口文件
        output: {//出口文件
            filename: 'bundle.js'//文件名
        },
        module: {//模块加载器
            rules:[
                {
                    test: /\.css$/,//匹配所有的css文件
                    use: [ 'style-loader', 'css-loader' ]
                },
            ]
        }
    };

3.在入口js或者需要的地方引入

require("./style.css)

相关文章

网友评论

      本文标题:webpack打包样式文件/css文件

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