摘要：
webpack自动刷新浏览器 webpack开发服务器，是webpack官方提供的一个辅助开发工具，它可以自动监控项目下的文件，一旦有修改保存的操作，它就会自动执行打包命令，将我们的代码重新打包，并且需要的话还可以刷新浏览器。 首先我们安装webpack-dev-server 在CMD中安装执行np 阅读全文
摘要：
现在介绍一个webpack需要下载的插件 HtmlWebpackPlugin 这插件的作用是依据一个简单的模版，帮你生成最终的HTML5文件，这个文件中自动引用了你打包后的JS文件，每次编译都在文件名中插入一个不同的哈希值。 安装命令：npm install --save-dev html-webp 阅读全文
摘要：
插件（Plugins）是用来拓展webpack功能的，它们会在构建整个过程中生效，执行相关任务。 loaders和plugins常常被弄混，但是他们其实是完全不同的两个东西，可以这么说，loaders是在打包构建过程中用来处理源文件的如JSX,SCSS,LESS，一次处理一个。插件并不直接操作单个文 阅读全文
摘要：
Babel是几个模块化的包，核心功能位于成为babel-core的npm的包中，不过webpack把他们整合在一起使用，但是对于每一个你需要的功能和拓展，你都需要安装单独的包（用得最多的是解析ES6语法的babel-preset-es2015包和解析JSX的babel-preset-react包） 阅读全文
摘要：
现在有很多新的CSS3语法，由于有的浏览器没有支持和兼容性问题，有的还只是试验阶段，所以需要加上浏览器前缀，webpack提供了响应的插件。 postcss-loader和autoprefixer 安装命令：npm install --save-dev postcss-loader autopref 阅读全文