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');

Answer 2

方法一、用node遍历文件，把alias都加进来，这样你require的时候就可以简洁点

方法二、自己写一个loader，可以配置指定的路径信息

方法三、还有一个方法的话，用postcss，有个插件是postcss-import，可以配置路径