Vue进阶（五十一）： vue-cli 脚手架 webpack

var vueLoaderConfig = require(‘./vue-loader.conf’)
// 此函数是用来返回当前目录的平行目录的路径，因为有个’…’
function resolve (dir) {
return path.join(__dirname, ‘…’, dir)
}

module.exports = {
entry: {
// 入口文件是src目录下的main.js
app: ‘./src/main.js’
},
output: {
// 路径是config目录下的index.js中的build配置中的assetsRoot，也就是dist目录
path: config.build.assetsRoot,
// 文件名称这里使用默认的name也就是main
filename: ‘[name].js’,
// 上线地址，也就是真正的文件引用路径，如果是production生产环境，其实这里都是 ‘/’
publicPath: process.env.NODE_ENV === ‘production’
? config.build.assetsPublicPath
: config.dev.assetsPublicPath
},
resolve: {
// resolve是webpack的内置选项，顾名思义，决定要做的事情，也就是说当使用 import “jquery”，该如何去执行这件事
// 情就是resolve配置项要做的，import jQuery from “./additional/dist/js/jquery” 这样会很麻烦，可以起个别名简化操作
extensions: [‘.js’, ‘.vue’, ‘.json’], // 省略扩展名，也就是说.js,.vue,.json文件导入可以省略后缀名，这会覆盖默认的配置，所以要省略扩展名在这里一定要写上
alias: {
//后面的