• 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
                }
            }
        ]
    },

    
    
我们在线,来聊聊吧