课件和源代码下载地址

精选留言(1)

• 
  developer_hsl

  2019-07-28

  这里在search.less 中使用单行注释, 打包失败了, 老师能分析下什么原因吗
  error in ./src/search/search.less
  Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
  ModuleBuildError: Module build failed (from ./node_modules/px2rem-loader/index.js):
  Error: undefined:2:8: property missing ':'
  
  > search.less
  // @font-face {
  // font-family: 'SourceHanSerifSC-Heavy';
  // src: url('./images/SourceHanSerifSC-Heavy.otf') format('opentype');
  // }
  
  .search-text {
      color: olivedrab;
      font-size: 30px;
      // font-family: 'SourceHanSerifSC-Heavy';
      display: flex;
      align-items: center;
  }

  展开

  作者回复: 可以贴一下 webpack 配置看看吗？看看是不是 loader 的顺序有问题？应该是下面这样：
  
  {
      test: /\.less$/,
      use: [
          MiniCssExtractPlugin.loader,
          'css-loader',
          'less-loader',
          {
              loader: 'postcss-loader',
              options: {
                  plugins: () => [
                      require('autoprefixer')({
                          browsers: ['last 2 version', '>1%', 'ios 7']
                      })
                  ]
              }
          },
          {
              loader: 'px2rem-loader',
              options: {
                  remUnit: 75,
                  remPrecision: 8
              }
          }
      ]
  },

  

  