我们可以看到有很多分类音乐榜单，我们看看他到底是怎样写的右击查看源码 body内容就下面几行代码，其他的数据都是通过js加载的

目录结构│ package.json│ webpack.config.js│└─src index.html index.js other.html other.js项目有两个入口文件，对应两个html我们在webpack.config.......

第一种方式是服务端自动api前缀，第二中方法是服务端不带api前缀，而我们请求刚好有添加了api前缀，这个时候可通过上面配置实现在请求的时候将api前缀去掉...

externals和DllPlugin都是为了分离模块诞生，通过他们可以将一些第三方模块抽离出来，打包的时候不需将某些三方库一起打包如vue、vue-router

oParse作用主要是过滤不需要解析的文件，比如打包的时候依赖了三方库 如 jquyer，而jquery是一个单独的库没有其他依赖，这个时候可以通过配置noParse不去解析文件，提高打包效率...

npm i vue vue-loader vue-template-compiler cross-env css-loader style-loader url-loader file-loader html-webpack-plugin webpack-dev-server

2.安装到项目依赖 有时候我们的项目要依赖webpack，可以运行npm i webpack --save-dev

上一篇文章我们介绍了webpack的基本使用，但我们每次打包都要运行下webpack很是麻烦，有没有一种办法使得自动监控，自动打包，我们只需ctrl+s就行了？

上一篇文章我们介绍了webpack-dev-server，我们在package.json配置webpack-dev-server 选项实现了自动编译，自动打开浏览器，自动更新等。 当然我们也可以在webpack.config.js中进行配置...

对于之前的案例----隔行变色，如果我们要自定义一些css样式怎么办，传统的方法是在外部定义css,在html中引入，这种方式又会引发二次请求如果css文件较多，我们就要不停引入，在学了webpack之后我们知道weback可以帮助我们打包...