小编Rap*_*her的帖子

带有sourcemaps和url语句的Webpack sass loader

我已经读过,为了获得源映射,我必须在url('')语句中使用绝对URL .我是这样做的:

body
    background-image: url('/elements/assets/tmp_background.jpg')
Run Code Online (Sandbox Code Playgroud)

当我从css加载器中删除sourceMap选项时,它可以工作,如果我激活它,它就不会.

我想我可能在绝对路径上某处失败了,你有什么想法吗?

这是我的配置文件:

module.exports = {
  devtool: 'source-map',
  entry: [
    'webpack/hot/dev-server',
    'webpack-dev-server/client?http://localhost:8080',
    path.resolve(__dirname, 'elements/main.js'),
  ],
  output: {
    path: 'dist',
    publicPath: '/',  // Prefix for all the statics urls
    filename: 'bundle.js',
  },
  resolve: {
    root: path.resolve(__dirname),
  },
  module: {
    loaders: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loader: 'babel-loader?presets[]=es2015',
      },
      { test: /\.css$/,  loaders: ['style', 'css'] },
      { test: /\.scss$/, loaders: ['style', 'css?sourceMap', 'sass?sourceMap'] },
      { test: /\.sass$/, loaders: ['style', 'css?sourceMap', 'sass?sourceMap&indentedSyntax=true'] },
      { test: …
Run Code Online (Sandbox Code Playgroud)

javascript sass webpack sass-loader

5
推荐指数
1
解决办法
1353
查看次数

标签 统计

javascript ×1

sass ×1

sass-loader ×1

webpack ×1