由于市面上存在几大主流浏览器，当我们在编写CSS相关属性的时候，需要添加兼容各浏览器的前缀，但是这样非常耗时、影响工作效率。 比如编写： 但我们想要的是这种： 那么，接下来有办法解决该问题。 安装 配置 webpack ...

安装 浏览器前缀需要 post-loader、autoprefixer 配置webpack.config.js { test:/\.css$/, use:[ {loader:'style-loader'}, { loader ...

本文只是一个问题的记录，并不适合初学者的学习 在webpack4中使用postcss+autoprefixer，为样式添加前缀 第一种方法，在配置文件中配置postcss和autofixer，并配置适配浏览器范围 第二种在与package.json统计别目录 ...

webpack升级到4.x后对于以前的一些配置可能不是很好用了，最近一直在研究css抽离出js代码并对css进行压缩，所以总结一下经验。 webpack4之后，对于抽离css有一个官方比较推荐的插件 mini-css-extract-plugin ，用来将css分离出来，而且配置简单 ...

很长时间没有进行webpack打包配置了，想起来都快有些忘记了，这个东西不是经常用到，只有在新建个项目的时候用到，不用官方模板，自己去动手配置的时候，有时候觉得还是有点难度。今天就想着自己动手进行配置一下，可是还是遇到坑了，折腾了一会，现在的webpack版本都4.x了，有些插件都有些改变 ...

webpack中autoprefixer是配合postcss-loader使用的，首先安装相应资源： 在webpack.config.js中 在postcss.config.js中 注意： 也可以不要postcss.config.js ...

使用html-withimg-loader打包html中img引入的图片，很好用，但是webpack4.x里会和html-webpack-plugin产生冲突； 原因是file-loader升级了，以前4.2的时候是没事的，现在file-loader升级到5.0了，所以需要 ...

一、全局安装webpack npm install webpack -g 二、创建项目 我们在合适位置新建一个文件夹wpk-test，用于存放我们的项目。 命令行中定位到webpack-test文件夹下，输入以下命令进行项目的初始化： npm init 这里，要求设置很多选项，可以按项目 ...