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
};

解决方案

你这是模版, 要加到js文件里去的, 当然会被压缩了

这篇关于webpack设置了压缩，html也会被压缩，什么参数能排除html被压缩？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！