14 Star 37 Fork 4

森波科技/vue-vueRouter-webpack

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
webpack.prod.config.js 2.22 KB
一键复制 编辑 原始数据 按行查看 历史
二阳 提交于 2016-11-09 15:28 . git push
/**
* Created by aresn on 16/7/5.
*/
var webpack = require('webpack');
var config = require('./webpack.base.config');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var fs = require('fs');
config.output.publicPath = './dist/'; // 资源路径,根据需要可改为cdn地址
config.output.filename = '[name].[hash].js'; // 带hash值的入口js名称
config.output.chunkFilename = '[name].[hash].chunk.js'; // 带hash值的路由js名称
config.vue = {
loaders: {
css: ExtractTextPlugin.extract(
"style-loader",
"css-loader",
{
publicPath: "../dist/"
// 特别提醒,如果这里的publicPath是以http://xxx.xxx这样以http://开头的,要写成
// publicPath: "http:\\xxx.xxx",否则会编译为"http:/xxx.xxx"
}
),
less: ExtractTextPlugin.extract(
'vue-style-loader',
'css-loader!less-loader'
),
sass: ExtractTextPlugin.extract(
'vue-style-loader',
'css-loader!sass-loader'
)
}
};
config.plugins = (config.plugins || []).concat([
new ExtractTextPlugin("[name].[hash].css",{ allChunks : true,resolve : ['modules'] }), // 提取带hash值的css名称
new webpack.optimize.CommonsChunkPlugin('vendors', 'vendors.[hash].js'), // 提取带hash值的第三方库名称
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: '"production"'
}
}),
new webpack.optimize.UglifyJsPlugin({ // 压缩文件
compress: {
warnings: false
}
}),
new HtmlWebpackPlugin({ // 构建html文件
filename: '../index_prod.html',
template: './src/template/index.ejs',
inject: false
})
]);
// 写入环境变量
fs.open('./src/config/env.js', 'w', function (err, fd) {
var buf = 'export default "production";';
fs.write(fd,buf,0,buf.length,0,function(err,written,buffer){});
});
module.exports = config;
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/oo10/vue-vueRouter-webpack.git
git@gitee.com:oo10/vue-vueRouter-webpack.git
oo10
vue-vueRouter-webpack
vue-vueRouter-webpack
master

搜索帮助

0d507c66 1850385 C8b1a773 1850385