Javascript extract text webpack插件-如何创建哈希名称（仅在文件更改时使用唯一名称）

我有以下问题，我正在使用： 在Webpack2中提取文本Webpackpluginversion2.0.0-rc.2，我注意到即使我只更改JS文件，css文件的名称也会更改

我的网页配置中包含以下内容：

newextractTextPlugin（“[name].[hash].css”）

我想对我的CSS文件使用长缓存，这意味着只有当CSS文件被更改时，哈希才会不同

我如何做到这一点，因为我的JS文件工作得很好

顺便说一句，这与Webpack1中的行为相同

---

谢谢

检查并发现

文件名

支持以下占位符：

[name]

、

[id]

和

[contenthash]

（提取文件内容的哈希）。

检查并发现

文件名

支持以下占位符：

[name]

，

[id]

和

[contenthash]

（提取文件内容的散列）。

您可以在webpack.config.js插件中使用以下内容创建具有内容散列的css文件：

plugins: [
    new ExtractTextPlugin('styles-[contenthash].css'),
  ]

完整网页包配置示例：

const ExtractTextPlugin = require('extract-text-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const webpack = require('webpack'); 
const path = require('path');

module.exports = {
  entry: './src/index.js',
  output: {
    path: path.resolve(__dirname, 'build'),
    filename: 'bundle.[chunkhash].js'
  },
  module: {
    rules: [
      {
        test: /\.css$/,
        use: ExtractTextPlugin.extract({
          fallback: 'style-loader',
          use: 'css-loader'
        })
      }
    ]
  },
  plugins: [
    new webpack.optimize.UglifyJsPlugin(),
    new HtmlWebpackPlugin({template: './src/index.html'}),
    new ExtractTextPlugin('styles.[contenthash].css'),
  ]
};

---

您可以在webpack.config.js插件中使用以下内容创建带有内容哈希的css文件：

plugins: [
    new ExtractTextPlugin('styles-[contenthash].css'),
  ]

完整网页包配置示例：

const ExtractTextPlugin = require('extract-text-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const webpack = require('webpack'); 
const path = require('path');

module.exports = {
  entry: './src/index.js',
  output: {
    path: path.resolve(__dirname, 'build'),
    filename: 'bundle.[chunkhash].js'
  },
  module: {
    rules: [
      {
        test: /\.css$/,
        use: ExtractTextPlugin.extract({
          fallback: 'style-loader',
          use: 'css-loader'
        })
      }
    ]
  },
  plugins: [
    new webpack.optimize.UglifyJsPlugin(),
    new HtmlWebpackPlugin({template: './src/index.html'}),
    new ExtractTextPlugin('styles.[contenthash].css'),
  ]
};