webpack require css 路径优化？

Question

dist下面的index.js是打包产出文件，如图所示，引入css的时候路径很长，有什么办法可以进行优化

Answer 1

webpack.config.js里加这么一段：

var path = require('path');module.exports = {    entry: {
        ...
    },    output: {
        ...
    },    resolve: {        root: [
            path.resolve(__dirname),
            path.resolve(__dirname, 'public')
        ]
    },
}

然后代码里就可以这样获取了：

require('css/test.css');