Selina_Chan的博客

有了前面三章的基础，利用webpack处理图片也是同理的。一、首先你需要安装 file-loader和url-loader；二、在你的webpack.config.js中的代码添加处理图片相关的loader，添加后如下：module.exports = { //entry 入口文件 让webpack用哪个文件作为项目的入口 entry: { index:

在前面两篇文章的基础上，我们还可以进行css样式的添加，很简单：一、在webpack.config.js的loaders里面添加style-loader和css-loader，添加后的文件内容如下：module.exports = { //entry 入口文件 让webpack用哪个文件作为项目的入口 entry: { index: './view/inde

webpack的配置

新建一个项目，并和webpack建立依赖二、cd到testTest目录下，执行npm init，如下图，对于package的信息设置你可以一直按回车，直至让你确认yes：这个时候，你再去查看package.json文件，发现它已经写入

一、以前面四篇文章为基础，我们接下来利用webpack进行css的抽离。这里需要安装一个插件。在安装之前，首先要说明一下，如果没有第四篇文章为前提，也就是图片没有进行处理的话，在抽离css的时候，它将无法解析css中的url，所以在抽离之前，一定要进行图片处理。接下来开始干活。首先安装 extract-text-plugin插件。然后我们修改webpack.config.js文件，修改后如下：

webpack-gulp,webpack-loaders资料分享webpack的配置文件并没有固定的命名，也没有固定的路径要求，如果你直接用webpack来执行编译，那么webpack默认读取的将是当前目录下的webpack.config.js如果你有其它命名的需要或是你有多份配置文件（比如你可以配置webpack.base.conf.js、webpack.dev.conf.jswebpack.prod.conf.js三个环境的webpack），