我现在webpack的版本是4.47.0,这是我的webpack.config.js var webpack = require('webpack');
var each_file = require('./entry.config');
// var pagesArray = require('./pagesArray');
const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin');
const ExtractTextPlugin = require("mini-css-extract-plugin");
const CleanWebpackPlugin = require('clean-webpack-plugin');
const UglifyJsPlugin = require('terser-webpack-plugin');
//const TerserPlugin = require("terser-webpack-plugin-legacy");
const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
module.exports = {
// 配置入口
// entry: {
// // meeting:'./src/pages/meeting/meeting.js',
// // meeting_login:'./src/pages/meeting/meeting_login.js',
// // meeting_rooms:'./src/pages/meeting/meeting_rooms.js',
// // room_detail:'./src/pages/meeting/room_detail.js',
// // room_used:'./src/pages/meeting/room_used.js',
// // room_edit:'./src/pages/meeting/room_edit.js'
// // index:'./src/pages/share/index.js',
// article:'./src/pages/share/article.js',
// // recommend:'./src/pages/share/recommend.js',
// // urlGenerate:'./src/pages/share/urlGenerate.js',
// preselectionDetails:'./src/pages/share/preselectionDetails.js',
// homePage:'./src/pages/knowledge/homePage.js',
// knowledgeList:'./src/pages/knowledge/knowledgeList.js',
// knowledgeType:'./src/pages/knowledge/knowledgeType.js',
// person:'./src/pages/knowledge/person.js',
// iconKnowledgeList:'./src/pages/knowledge/iconKnowledgeList.js',
// addKnowledge:'./src/pages/knowledge/addKnowledge.js',
// showKnowledge:'./src/pages/knowledge/showKnowledge.js'
// },
entry: each_file,
// 配置出口
output: {
path: __dirname + "/piccscqywx/",
filename: 'js/[name]-[hash:5].js',
publicPath: '/piccscqywx/',
},
module: {
loaders: [
//解析.js
{
test: '/\.js$/',
loader: 'babel',
exclude: path.resolve(__dirname, 'node_modules'),
include: path.resolve(__dirname, 'src'),
query: {
presets: ['env']
}
},
// css处理
{
test: /\.css$/,
loader: 'style-loader!css-loader'
},
// less处理
{
test: /\.less$/,
loader: 'style-loader!css-loader!less-loader'
},
// 图片处理
{
test: /\.(png|jpg|gif|svg)$/,
loader: 'file-loader',
query: {
name: 'assets/[name]-[hash:5].[ext]'
},
},{
test: /\.(htm|html)$/i,
use:[ 'html-withimg-loader']
}
]
},
plugins: [
new webpack.HotModuleReplacementPlugin(),
// 提取css单独打包
new ExtractTextPlugin(__dirname + '/src/css/[name].css'),
new UglifyJsPlugin(),//压缩js
// new TerserPlugin({
// parallel: true,
// sourceMap: false,
// terserOptions: {
// compress: {
// warnings: false
// }
// }
// }),
//压缩css
new OptimizeCssAssetsPlugin({
assetNameRegExp: /\.optimize\.css$/g,
cssProcessor: require('cssnano'),
cssProcessorOptions: { discardComments: {removeAll: true } },
canPrint: true
}),
// pagesArray.forEach((page)=>{
// new HtmlWebpackPlugin({
// template: page.template,
// filename: page.filename,
// chunks: ['vendors', page.chuckName],
// inject: 'head',
// inlineSource: '.(js|css)$',
// minify: {
// removeComments: true,
// collapseWhitespace: true //删除空白符与换行符
// }
// });
// }),
new HtmlWebpackPlugin({
hash:true,
inject: 'head',
filename: __dirname + '/piccscqywx/error.html',
template: __dirname + "/src/pages/error.html",
chunks: ['error'],
inlineSource: '.(js|css)$',
minify:{
removeComments: true,//删除注释
collapseWhitespace:true//删除空格
}
}),
// new HtmlWebpackPlugin({
// hash:true,
// inject: 'head',
// filename: __dirname + '/piccscqywx/meeting.html',
// template: __dirname + "/src/pages/meeting/meeting.html",
// chunks: ['meeting'],
// inlineSource: '.(js|css)$',
// minify:{
// removeComments: true,//删除注释
// collapseWhitespace:true//删除空格
// }
// }),
// new HtmlWebpackPlugin({
// hash:true,
// inject: 'head',
// filename: __dirname + '/piccscqywx/meeting_login.html',
// template: __dirname + "/src/pages/meeting/meeting_login.html",
// chunks: ['meeting_login'],
// inlineSource: '.(js|css)$',
// minify:{
// removeComments: true,//删除注释
// collapseWhitespace:true//删除空格
// }
// }),
// new HtmlWebpackPlugin({
// hash:true,
// inject: 'head',
// filename: __dirname + '/piccscqywx/meeting_rooms.html',
// template: __dirname + "/src/pages/meeting/meeting_rooms.html",
// chunks: ['meeting_rooms'],
// inlineSource: '.(js|css)$',
// minify:{
// removeComments: true,//删除注释
// collapseWhitespace:true//删除空格
// }
// }),
// new HtmlWebpackPlugin({
// hash:true,
// inject: 'head',
// filename: __dirname + '/piccscqywx/room_detail.html',
// template: __dirname + "/src/pages/meeting/room_detail.html",
// chunks: ['room_detail'],
// inlineSource: '.(js|css)$',
// minify:{
// removeComments: true,//删除注释
// collapseWhitespace:true//删除空格
// }
// }),
// new HtmlWebpackPlugin({
// hash:true,
// inject: 'head',
// filename: __dirname + '/piccscqywx/room_edit.html',
// template: __dirname + "/src/pages/meeting/room_edit.html",
// chunks: ['room_edit'],
// inlineSource: '.(js|css)$',
// minify:{
// removeComments: true,//删除注释
// collapseWhitespace:true//删除空格
// }
// }),
// new HtmlWebpackPlugin({
// hash:true,
// inject: 'head',
// filename: __dirname + '/piccscqywx/room_used.html',
// template: __dirname + "/src/pages/meeting/room_used.html",
// chunks: ['room_used'],
// inlineSource: '.(js|css)$',
// minify:{
// removeComments: true,//删除注释
// collapseWhitespace:true//删除空格
// }
// }),
new HtmlWebpackPlugin({
hash:true,
inject: 'head',
filename: __dirname + '/piccscqywx/recommend.html',
template: __dirname + "/src/pages/share/recommend.html",
chunks: ['recommend'],
inlineSource: '.(js|css)$',
minify:{
removeComments: true,//删除注释
collapseWhitespace:true//删除空格
}
}),
new HtmlWebpackPlugin({
hash:true,
inject: 'head',
filename: __dirname + '/piccscqywx/urlGenerate.html',
template: __dirname + "/src/pages/share/urlGenerate.html",
chunks: ['urlGenerate'],
inlineSource: '.(js|css)$',
minify:{
removeComments: true,//删除注释
collapseWhitespace:true//删除空格
}
}),
new HtmlWebpackPlugin({
hash:true,
inject: 'head',
filename: __dirname + '/piccscqywx/preselectionDetails.html',
template: __dirname + "/src/pages/share/preselectionDetails.html",
chunks: ['preselectionDetails'],
inlineSource: '.(js|css)$',
minify:{
removeComments: true,//删除注释
collapseWhitespace:true//删除空格
}
}),
new HtmlWebpackPlugin({
hash:true,
inject: 'head',
filename: __dirname + '/piccscqywx/index.html',
template: __dirname + "/src/pages/share/index.html",
chunks: ['index'],
inlineSource: '.(js|css)$',
minify:{
removeComments: true,//删除注释
collapseWhitespace:true//删除空格
}
}),
new HtmlWebpackPlugin({
hash:true,
inject: 'head',
filename: __dirname + '/piccscqywx/article.html',
template: __dirname + "/src/pages/share/article.html",
chunks: ['article'],
inlineSource: '.(js|css)$',
minify:{
removeComments: true,//删除注释
collapseWhitespace:true//删除空格
}
}),
new HtmlWebpackPlugin({
hash:true,
inject: 'head',
filename: __dirname + '/piccscqywx/homePage.html',
template: __dirname + "/src/pages/knowledge/homePage.html",
chunks: ['homePage'],
inlineSource: '.(js|css)$',
minify:{
removeComments: true,//删除注释
collapseWhitespace:true//删除空格
}
}),
new HtmlWebpackPlugin({
hash:true,
inject: 'head',
filename: __dirname + '/piccscqywx/knowledgeType.html',
template: __dirname + "/src/pages/knowledge/knowledgeType.html",
chunks: ['knowledgeType'],
inlineSource: '.(js|css)$',
minify:{
removeComments: true,//删除注释
collapseWhitespace:true//删除空格
}
}),
new HtmlWebpackPlugin({
hash:true,
inject: 'head',
filename: __dirname + '/piccscqywx/person.html',
template: __dirname + "/src/pages/knowledge/person.html",
chunks: ['person'],
inlineSource: '.(js|css)$',
minify:{
removeComments: true,//删除注释
collapseWhitespace:true//删除空格
}
}),
new HtmlWebpackPlugin({
hash:true,
inject: 'head',
filename: __dirname + '/piccscqywx/knowledgeList.html',
template: __dirname + "/src/pages/knowledge/knowledgeList.html",
chunks: ['knowledgeList'],
inlineSource: '.(js|css)$',
minify:{
removeComments: true,//删除注释
collapseWhitespace:true//删除空格
}
}),
new HtmlWebpackPlugin({
hash:true,
inject: 'head',
filename: __dirname + '/piccscqywx/iconKnowledgeList.html',
template: __dirname + "/src/pages/knowledge/iconKnowledgeList.html",
chunks: ['iconKnowledgeList'],
inlineSource: '.(js|css)$',
minify:{
removeComments: true,//删除注释
collapseWhitespace:true//删除空格
}
}),
// new HtmlWebpackPlugin({
// hash:true,
// inject: 'head',
// filename: __dirname + '/piccscqywx/addKnowledge.html',
// template: __dirname + "/src/pages/knowledge/addKnowledge.html",
// chunks: ['addKnowledge'],
// inlineSource: '.(js|css)$',
// minify:{
// removeComments: true,//删除注释
// collapseWhitespace:true//删除空格
// }
// }),
new HtmlWebpackPlugin({
hash:true,
inject: 'head',
filename: __dirname + '/piccscqywx/showKnowledge.html',
template: __dirname + "/src/pages/knowledge/showKnowledge.html",
chunks: ['showKnowledge'],
inlineSource: '.(js|css)$',
minify:{
removeComments: true,//删除注释
collapseWhitespace:true//删除空格
}
})
],
devServer: {
contentBase: "./piccscqywx/",
historyApiFallback: true,
inline: true,
hot: true,
port:8082,
host: 'localhost',
proxy:{
// '/WXWeb/$sctwo/wx_picc_app/WECHAT/draw/getHasReceiveGiftOld':{
// target:'http://smsp.epicc.com.cn/WXWeb/$sctwo/wx_picc_app/WECHAT/draw/getHasReceiveGiftOld',
// secure:false,
// changeOrigin: true,
// }
}
}
}
需要怎么去改造