var path = require('path');
// 定义路径
var ROOT_PATH = path.resolve(__dirname);
var APP_PATH = path.resolve(ROOT_PATH, 'app');
var BUILD_PATH = path.resolve(ROOT_PATH, 'dist');
module.exports = {
// 入口
entry: './src/main',
// 输出
output: {
path: BUILD_PATH,
filename: '[name].js',
publicPath: '/dist/'
},
module: {
// 加载器
loaders: [
{ test: /\.vue$/, loader: 'vue' },
{ test: /\.js$/, loader: 'babel', exclude: /node_modules/ },
{ test: /\.css$/, loader: 'style!css!autoprefixer'},
{ test: /\.less/, loader: 'style!css!autoprefixer!less'},
{ test: /\.(png|jpg|gif)$/, loader: 'url-loader'},
{ test: /\.(html|tpl)$/, loader: 'html-loader' },
]
},
vue: {
loaders: {
css: 'style!css!autoprefixer!less'
}
},
babel: {
presets: ['es2015'],
plugins: ['transform-runtime']
},
resolve: {
// require时省略的扩展名,如:require('module') 不需要module.js
extensions: ['', '.js', '.vue'],
// 别名
alias: {
filter: path.join(__dirname, './src/filters'),
components: path.join(__dirname, './src/components')
}
},
// 开启source-map,webpack有多种source-map,在官网文档可以查到
devtool: '#source-map'
};
首先,这是警告不是错误,你可以选择忽视。
下面我们分别说下都是什么意思(其实读英文就好了,写的都比较直白)
vue-chat
,说是她的package.json
里缺少license
字段minimatch
,说是用了比较老的版本,建议升级。这个我猜也不是你用的,而是你用的某一个库/工具依赖了她3.
fsevents
,这个库我印象中是专为osx
写的;windows
上自然安不上