Vue2 JSX 模版写法如何使用css modules

粉丝福利 : 关注VUE中文社区公众号，回复视频领取粉丝福利

在用jsx模版来写vue的时候遇到了一个问题，样式都是全局的，不能按需引入，这样子会导致一些样式冲突，如果用css modules的写法会避免这样子的问题，但是我配置了webpack，却报错，具体配置如下：

     {
        test: /\.less/,
        loader: 'style!css!less?modules&localIdentName=[name]__[local]___[hash:base64:5]',
        include: [resolve('src/pages/treatment'), resolve('node_modules')]
      }

引入

import styles from './index.less'

报错：

This relative module was not found:

* ./index.less in ./src/pages/treatment/index.js

请问到底如何配置才能使用css modules呢