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