小编Mic*_*cah的帖子

Webpack SCSS图像URL链接在嵌套路由上断开

这是我的目录结构:

- public
- src
  - app.js
  - assets
    - images
      - logo-b-green.png 
    - stylesheets
      - nav.scss
Run Code Online (Sandbox Code Playgroud)

和:

// webpack.config.js

module.exports = {
  entry: './src/app.js',
  output: {
    path: './public',
    filename: 'bundle.js'
  },
  module: {
    loaders: [
      {
        test: /.jsx?$/,
        exclude: /node_modules/,
        loader: 'babel-loader'
      },
      {
        test: /\.scss$/,
        loaders: ['style', 'css', 'sass']
      },
      {
          test: /\.(eot|svg|ttf|woff|woff2)$/,
          loader: 'file?name=fonts/[name].[ext]'
      },
      {
        test: /\.(png|jpg|gif)$/,
        loader: "file-loader?name=images/img-[hash:6].[ext]"
      }
    ]
  },
  resolve: {
    extensions: ['', '.js', '.json']
  }
};
Run Code Online (Sandbox Code Playgroud)

和:

/* nav.scss */

#nav-logo { …
Run Code Online (Sandbox Code Playgroud)

sass webpack react-router babeljs sass-loader

6
推荐指数
1
解决办法
394
查看次数

标签 统计

babeljs ×1

react-router ×1

sass ×1

sass-loader ×1

webpack ×1