webpack打包css文件

一、打包css文件，须要css-loader和 style-loader，其中 css-loader的做用是识别 css文件，将全部 css文件整合打包，style-loader的做用将style标签插在header头部部分。

//下载style-loader css-loader
cnpm install style-loader css-loader --save-dev
//配置webpack.config.js
{
    test: /\.css$/,
    use: ['style-loader', 'css-loader']
}

二、自定添加浏览器厂商前缀，须要额外添加postcss-loader，同时安装autoprefixer

// 下载postcss-loader autoprefixer
cnpm install postcss-loader autoprefixer --save-dev
// 配置webpack.config.js
{
    test: /\.css$/,
    use: ['style-loader', 'css-loader', 'postcss-loader']
}

//添加postcss.config.js
module.exports={
    plugins: [require('autoprefixer')]
}