筆記：使用 stylus stylus-loader

時間 2020-11-30

標籤 css vue webpack web npm svg url spa code 欄目 CSS 简体版

原文原文鏈接

筆記：使用 stylus stylus-loader

安裝 stylus Stylus-loader

cnpm i stylus stylus-loader --savecss

配置 webpack.config.js 加入 styl-loader

module: {
        rules: [
            {
                test: /\.vue$/,
                loader: 'vue-loader'
            },
            {
                test: /\.css$/,
                use: [
                    'style-loader',
                    'css-loader'
                ]
            },
            {
                test: /\.styl/,
                use: [
                    'style-loader',
                    'css-loader',
                    'stylus-loader'
                ]
            },
            {
                test: /\.(gif|jpg|jpeg|png|svg|)$/,
                use: [
                    {
                        loader: 'url-loader',
                        options: {
                            limit: 1024,
                            name: '[name]-aaa.[ext]'
                        }
                    }
                ]
            }
        ]
    }