关于webpack使用chunkhash加md5后缀的问题

问题描述

问 题

关于webpack使用chunkhash加md5后缀的问题

比如有个入口文件entry.js

//entry.js
var mod1=require('./js/mod1.js').mod1; //引入js
require(../css/index.css); //引入css

配置是这样的：

entry: {
        index: ['./src/js/entry.js']
    },
    output: {
        path: __dirname + '/dist',
        filename: 'js/[name].[chunkhash:8].js',
        publicPath: '/dist/'

    },

css抽离了

 loaders: [
            //抽离css/scss
            { test: /\.css$/, loader: ExtractTextPlugin.extract('style', 'css') },
            { test: /\.scss$/, loader: ExtractTextPlugin.extract('style', 'css!sass') }
        ]
    },
    plugins: [
        new ExtractTextPlugin('css/[name].[chunkhash:8]css')
    ]

现在编译一次，生成了带MD5后缀的js和css
再编译一次，由于文件没改动，MD5没变化

问题：然后我只改动mod1.js，index.css不变，由于entry同时引入了这2个，当js改变时，新生成的css的MD5也会发生改变，怎样让没改动的css不重新生成MD5?

解决方案

CSS 部分使用 'css/[name].[contenthash:8].css'

这篇关于关于webpack使用chunkhash加md5后缀的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！