我正在使用Vue.js和Webpack开发单页 Web 应用程序。最近我看到这篇文章来缩短 css 类。我能够从 css 文件中缩短 css 类。但我无法从 Html 页面缩短相同的类。
以下是我从webpack.config.js的摘录:
module.exports = {
context,
entry: './index.js',
module: {
loaders: [
{
include: path.resolve(__dirname, './src'),
use:[
{
loader: 'style-loader'
},
{
loader: 'css-loader',
options: {
importLoaders: 1,
modules: true,
getLocalIdent: (context, localIdentName, localName) => {
return generateScopedName(localName, context.resourcePath);
}
}
}
],
test: /\.css$/
},
{
include: path.resolve(__dirname, './src'),
loader: 'babel-loader',
query: {
plugins: [
'transform-react-jsx',
[
'react-css-modules',
{
context: context,
generateScopedName: '[path]___[name]__[local]___[hash:base64:5]',
webpackHotModuleReloading: false
}
]
]
},
test: /\.js$/
}
]
},
output: {
filename: '[name].js'
},
stats: 'minimal'
};