webpack vue

webpack是一款模块加载器兼打包工具，把JS、样式，图片都作为模块来使用和处理。项目下有个配置文件webpack.config.js，用来告诉webpack需要做什么，本项目的webpack.config.js文件内容如下：

var path = require(‘path’)
var webpack = require(‘webpack’)

module.exports = { //入口文件
entry: {
index:’./src/index.js’,
user:’./src/user.js’
}, //输出文件
output: {
path: path.resolve(__dirname, ‘./dist’),
publicPath: ‘/dist/’,
filename: ‘build.[name].js’
}
}

入口文件及输出文件配置：

通过entry节点可以配置入口文件，且支持多个入口文件，每个模板只会有一个入口文件。

通过oupput节点可以配置输出文件，输出文件的文件名是根据入口文件来配置的，[name]的相应内容是entry节点下对应该的key,如下，则会输出/dist/builg.index.js和dist/build.user.js两个文件。

https://www.cnblogs.com/kerry-xu/p/6357368.html

模块加载器：

它告知webpack每一种文件都需要使用什么加载器来处理，常用的加载器有style-loader,css-loader,sass-loader,url-loader;