dist下面的index.js是打包产出文件,如图所示,引入css的时候路径很长,有什么办法可以进行优化
方法一、用node遍历文件,把alias都加进来,这样你require的时候就可以简洁点
方法二、自己写一个loader,可以配置指定的路径信息
方法三、还有一个方法的话,用postcss,有个插件是postcss-import,可以配置路径
webpack.config.js
里加这么一段:
var path = require('path');
module.exports = {
entry: {
...
},
output: {
...
},
resolve: {
root: [
path.resolve(__dirname),
path.resolve(__dirname, 'public')
]
},
}
然后代码里就可以这样获取了:
require('css/test.css');