72 lines
No EOL
2.3 KiB
JavaScript
72 lines
No EOL
2.3 KiB
JavaScript
/**
|
||
* 本地预览
|
||
*/
|
||
|
||
var path = require('path');
|
||
var webpack = require('webpack');
|
||
var ExtractTextPlugin = require('extract-text-webpack-plugin');
|
||
var HtmlWebpackPlugin = require('html-webpack-plugin');
|
||
|
||
module.exports = {
|
||
// 入口
|
||
entry: {
|
||
main: './local/main',
|
||
vendors: ['vue', 'vue-router']
|
||
},
|
||
// 输出
|
||
output: {
|
||
path: path.join(__dirname, '.././local/dist'),
|
||
publicPath: '/local/dist/',
|
||
filename: '[name].js',
|
||
chunkFilename: '[name].chunk.js'
|
||
},
|
||
// 加载器
|
||
module: {
|
||
loaders: [
|
||
{ test: /\.vue$/, loader: 'vue' },
|
||
{ test: /\.js$/, loader: 'babel', exclude: /node_modules/ },
|
||
{ test: /\.css$/, loader: 'style!css!autoprefixer'},
|
||
{ test: /\.less$/, loader: 'style!css!less' },
|
||
{ test: /\.scss$/, loader: 'style!css!sass?sourceMap'},
|
||
{ test: /\.(gif|jpg|png|woff|svg|eot|ttf)\??.*$/, loader: 'url-loader?limit=8192'},
|
||
{ test: /\.(html|tpl)$/, loader: 'html-loader' }
|
||
]
|
||
},
|
||
vue: {
|
||
loaders: {
|
||
css: ExtractTextPlugin.extract(
|
||
"style-loader",
|
||
"css-loader?sourceMap",
|
||
{
|
||
publicPath: "../local/dist/"
|
||
}
|
||
),
|
||
less: ExtractTextPlugin.extract(
|
||
'vue-style-loader',
|
||
'css-loader!less-loader'
|
||
),
|
||
js: 'babel'
|
||
}
|
||
},
|
||
// 转es5
|
||
babel: {
|
||
presets: ['es2015'],
|
||
plugins: ['transform-runtime']
|
||
},
|
||
resolve: {
|
||
// require时省略的扩展名，如：require('module') 不需要module.js
|
||
extensions: ['', '.js', '.vue'],
|
||
alias: {
|
||
iview: '../.././index'
|
||
}
|
||
},
|
||
plugins: [
|
||
new ExtractTextPlugin("[name].css",{ allChunks : true,resolve : ['modules'] }), // 提取CSS
|
||
new webpack.optimize.CommonsChunkPlugin('vendors', 'vendors.js'), // 提取第三方库
|
||
new HtmlWebpackPlugin({ // 构建html文件
|
||
filename: '../../index.html',
|
||
template: './local/template/index.html',
|
||
inject: 'body'
|
||
})
|
||
]
|
||
}; |