配置 postCSS 自动添加 css 的兼容前缀||打包样式表中的图片和字体文件||打包处理 js 文件中的高级语法

配置 postCSS 自动添加 css 的兼容前缀

① 运行 npm i postcss-loader autoprefixer -D 命令

② 在项目根目录中创建 postcss 的配置文件 postcss.config.js ，并初始化如下配置：

const autoprefixer = require('autoprefixer') // 导入自动添加前缀的插件

module.exports = {

    plugins: [ autoprefixer ] // 挂载插件

}

③

在 webpack.config.js 的 module -> rules 数组中，修改 css 的 loader 规则如下：