change-prefix-loader

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

change-prefix-loader

★ 13 Open GitHub ↗

a loader to change element-ui class prefix

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# change-prefix-loader
a loader to change element-ui class prefix

### 快速上手
```
vue cli3及以上
npm i change-prefix-loader -D

module.exports = {
    chainWebpack: config => {
        config.module
            .rule('change-prefix')
            .test(/\.js$/)
            .include.add(path.resolve(__dirname, './node_modules/element-ui/lib'))
            .end()
            .use('change-prefix')
            .loader('change-prefix-loader')
            .options({
                prefix: 'el-',
                replace: 'gp-'
            })
            .end()
    },
}
```
```
vue cli2

npm i change-prefix-loader -D

module.exports = {
    module: {
        rules: {
            
            {
                test: /\.js$/,
                loader: 'change-prefix-loader',
                include: path.resolve(__dirname, '../node_modules/element-ui/lib'),
                options: {
                    replace: 'gp-',
                }
            }
        }
    }
}

```

### options

* type Object

```
{
    prefix: 'el-',  //可选
    replace: 'gp-'  //可选
}
```
## 注意

该loader只会替换js中的class 前缀，css中的样式需要使用post-css替换，请见[postcss-change-css-prefix](https://www.npmjs.com/package/postcss-change-css-prefix)

change-prefix-loader

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README