账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    postcss对import引入的less文件无效
    42
    0

    这是我的webpack关于less里自动添加前缀的配置

         module: {
            rules: [
                {
                    test: /\.css$/,
                    use: ExtractTextPlugin.extract({
                        fallback: "style-loader",
                        use: [
                            {
                                loader: 'css-loader',
                                options: {
                                    importLoaders: 1
                                }
                            }, 
                            {
                                loader: 'postcss-loader',
                                options: {
                                    plugins: (loader) => [
                                        require('autoprefixer')({
                                            browsers: ['last 15 versions']
                                        })
                                    ]
                                }
                            }
                        ]
                    })
                },{
                    test: /\.less$/,
                    use: ExtractTextPlugin.extract({
                        fallback: "style-loader",
                        use: [
                            {
                                loader: 'css-loader',
                                options: {
                                    importLoaders: 1
                                }
                            },
                            { loader: 'less-loader'}, 
                            {
                                loader: 'postcss-loader',
                                options: {
                                    plugins: (loader) => [
                                        require('autoprefixer')({
                                            browsers: ['last 15 versions']
                                        })
                                    ]
                                }
                            }
                        ]
                    })
                }
            ]
        },

    我在我的style.less文件里引用了一个test.less文件

    @import './test';
    
    .yanwenocuf {
        display: flex;
        background: #000;
        text-align: center;
    
    }
    .showImg{
        background: url("../images/show.jpg");
        width: 400px;
        height: 400px;
        background-size: cover;
        transition:width 2s;
    }
    

    test.less

    body {
        background: #234;
        color: #000;
        text-align: center;
        display: flex;
        background-size: cover;
    }

    经过webpack编辑之后style.less下的css都能自动加上浏览器内核前缀,但是只有引用的test.less里的加不了,这是怎么回事?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部