webpack中无法使用相对路径

Question

require("!style-loader!css-loader!/Users/Hanger/Desktop/wp3/src/css/common.css")
import layer from '/Users/Hanger/Desktop/wp3/src/components/layer/layer.js'

const App = function () {
     console.log(layer)
}

new App()

为什么我在webpack中只能用绝对路径，用相对路径就报错，终端报错如下：

ERROR in ./src/app.js
Module not found: Error: Can't resolve './src/css/common.css' in '/Users/Hanger/Desktop/wp3/src'

求解决方法，使得用相对路径不报错。

Answer 1

你想要的是

require('../src/css/common.css')
// or
require('./css/common.css')

吧...

Answer 2

我也遇到了这个问题，下面就能解决这个绝对路径的问题
var path = require('path');
module.exports ={

entry: "./src/js/main.js",
output:{
    path: path.resolve("./dist/js"),
    filename: 'bundle.js'
}

}