webpack设置了压缩,html也会被压缩,什么参数能排除html被压缩?
求问,webpack设置了压缩,html也会被压缩,什么参数能排除html被压缩?
更新下文件夹结构
var fs = require('fs');
var path = require('path');
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var CommonsChunkPlugin = webpack.optimize.CommonsChunkPlugin;
// config
var CFG = require('./config.js');
// path
var SRC_DIR = CFG.path.src;
var DIST_DIR = CFG.path.dist;
// 遍历html, 生成入口名
function scan_entry(dir, cb) {
fs.readdirSync(dir).forEach(function(file) {
var pathname = path.join(dir, file);
if (fs.statSync(pathname).isFile()) {
cb(file.replace('.html', ''));
}
});
}
// 多入口
var cfg_entry = {}
// 多html
var cfg_plugins = [
new ExtractTextPlugin('../css/[name].css'),
new CommonsChunkPlugin({
filename: CFG.commons + '.js',
name: CFG.commons
}),
new webpack.optimize.UglifyJsPlugin({
compress: {
// sourceMap: true,
warnings: false
}
})
];
scan_entry(path.join(SRC_DIR, CFG.path.view), function(entry) {
cfg_entry[entry] = SRC_DIR + entry + '.js';
cfg_plugins.push(
new HtmlWebpackPlugin({
mobile: true,
template: path.join(SRC_DIR, CFG.path.view, entry + '.html'),
filename: path.join('../view/', entry + '.html'),
chunks: [CFG.commons, entry]
})
);
});
//++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
// webpack run
//++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
module.exports = {
entry: cfg_entry,
output: {
path: DIST_DIR + 'js/',
// publicPath: DIST_DIR,
filename: '[name].js',
chunkFilename: "[id].chunk.js"
},
module: {
loaders: [
{ test: /\.scss$/, loader: ExtractTextPlugin.extract(['css', 'sass']) },
{ test: /\.css$/, loader: ExtractTextPlugin.extract(['css']) }, {
test: /\.(png|jpg|git|svg)$/,
loader: 'url-loader',
query: {
name: '../img/[name].[ext]',
limit: 1
}
}, {
test: /\.json$/,
loader: 'json'
}, {
test: /\.html$/,
loader: 'html?interpolate'
}
]
},
plugins: cfg_plugins
};
相关阅读:
qq第三方登录中的头像在页面内无法引用,而单独访问却正常,这是为什么?!
响应式布局一般做哪几个尺寸?
自动化测试怎么获取属性值
iis部署webApi出错
请问如何通过这种方法给多个物体加上链式运动
vuejs在created的时候通过ajax取值获取不到报错的问题。
怎么把node从file表单获取到的上传图片 发送给php php又是如何接收的
这个DIV为什么点两次不会消失呢?
求一份省市县三级联动加各个地区邮编以及座机区号MySQL数据
mac系统xampp安装pdflib扩展失败
Swift中如何在闭包中返回一个外部函数值?
Python 蛋疼的单元测试, 有什么好的目录结构?
react-native RCT前缀表示什么意思?
Java这个地方创建对象的时候,为什么有个大括号?这就算是内部类?这不是创建了一个对象吗,为什么叫类?
jquery版本问题?
laravel $kernel->handle 报错
两个dispatch改变组件的props,dispatch调用顺序和属性的改变顺序有无关系?
前端想学习一些ios开发技能,有想学前端的ios可以互相提升。
ios 多图片上传接口,求助?
请教如何在phpStorm中配置eslint?