代码拉取完成,页面将自动刷新
/*
* @Author: hjp1011
* @Date: 2017-12-01 14:24:49
* @Last Modified by: hjp1011
* @Last Modified time: 2018-01-05 12:05:46
*/
var webpack = require('webpack');
var ExtractTextPlugin = require("extract-text-webpack-plugin");
var HtmlWebpackPlugin = require('html-webpack-plugin');
//环境变量配置, dev / online
var WEBPACK_ENV = process.env.WEBPACK_ENV || 'dev';
console.log(WEBPACK_ENV);
//获取html-webpack-plugin参数的方法
var getHtmlConfig = function(name,title){
return{
template :'./src/view/' + name + '.html',
filename :'view/' + name + '.html',
title :title,
inject :true,
hash :true,
chunks :['common',name]
};
};
//webpack config
var config = {
entry: {
'common' :['./src/page/common/index.js'],
'index' :['./src/page/index/index.js'],
'list' :['./src/page/list/index.js'],
'detail' :['./src/page/detail/index.js'],
'result' :['./src/page/result/index.js'],
'user-login' :['./src/page/user-login/index.js'],
'user-register' :['./src/page/user-register/index.js'],
'user-pass-reset' :['./src/page/user-pass-reset/index.js'],
'user-center' :['./src/page/user-center/index.js'],
'user-center-update':['./src/page/user-center-update/index.js'],
'user-pass-update' :['./src/page/user-pass-update/index.js'],
'cart' :['./src/page/cart/index.js'],
'order-confirm' :['./src/page/order-confirm/index.js'],
'order-list' :['./src/page/order-list/index.js'],
'order-detail' :['./src/page/order-detail/index.js'],
'payment' :['./src/page/payment/index.js'],
'about' :['./src/page/about/index.js'],
},
output: {
path: './dist', //存放文件路径
publicPath:'/dist', //访问文件的路径
filename: 'js/[name].js'
},
externals:{
'jquery':'window.jquery' //加载jquery模块
},
module:{
loaders:[
{ test: /\.css$/, loader: ExtractTextPlugin.extract("style-loader", "css-loader") },
{ test: /\.(gif|png|jpg|woff|svg|eot|ttf)\??.*$/, loader: 'url-loader?limit=100&name=/resource/[name].[ext]' },
{
test: /\.string$/,
loader: 'html-loader',
query : {
minimize : true,
removeAttributeQuotes : false
}
}
]
},
resolve:{
alias:{
node_modules :__dirname + '/node_modules',
util :__dirname + '/src/util',
page :__dirname + '/src/page',
service :__dirname + '/src/service',
image :__dirname + '/src/image'
}
},
plugins:[
//独立通用模块到js/base.js
new webpack.optimize.CommonsChunkPlugin({
name:'common',
filename:'js/base.js'
}),
//把CSS单独打包到文件里
new ExtractTextPlugin("css/[name].css"),
//html模板的处理
new HtmlWebpackPlugin(getHtmlConfig('index','首页')),
new HtmlWebpackPlugin(getHtmlConfig('list','列表')),
new HtmlWebpackPlugin(getHtmlConfig('detail','商品详情')),
new HtmlWebpackPlugin(getHtmlConfig('result','操作结果')),
new HtmlWebpackPlugin(getHtmlConfig('user-login','用户登录')),
new HtmlWebpackPlugin(getHtmlConfig('user-register','用户注册')),
new HtmlWebpackPlugin(getHtmlConfig('user-pass-reset','找回密码')),
new HtmlWebpackPlugin(getHtmlConfig('user-center','用户中心')),
new HtmlWebpackPlugin(getHtmlConfig('user-center-update','修改用户中心')),
new HtmlWebpackPlugin(getHtmlConfig('user-pass-update','密码修改')),
new HtmlWebpackPlugin(getHtmlConfig('cart','购物车')),
new HtmlWebpackPlugin(getHtmlConfig('order-confirm','订单确认')),
new HtmlWebpackPlugin(getHtmlConfig('order-list','订单列表')),
new HtmlWebpackPlugin(getHtmlConfig('order-detail','订单详情')),
new HtmlWebpackPlugin(getHtmlConfig('payment','订单支付')),
new HtmlWebpackPlugin(getHtmlConfig('about','关于我们')),
],
};
if('dev' === WEBPACK_ENV){
config.entry.common.push('webpack-dev-server/client?http://localhost:8080/');
}
module.exports = config;
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。