less、Element-UI等安装配置

最新推荐文章于 2024-02-21 00:51:34 发布

weixin_48846877

最新推荐文章于 2024-02-21 00:51:34 发布

阅读量502

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/weixin_48846877/article/details/107915643

版权

本文介绍了如何安装和配置less、sass、postcss以及Element-UI。针对less和sass，文章详细说明了安装对应的loader及修改webpack配置。对于postcss，讲解了利用postcss-loader和autoprefixer自动添加CSS兼容性前缀。最后，文章详述了Element-UI的安装、组件库导入及Vue中使用的方法。

摘要由CSDN通过智能技术生成

一、less

安装less,less-loader处理文件
npm install less-loader less -D
配置规则：
更改webpack.config.js的module中的rules数组

module.exports = {
            ......
            plugins:[ htmlPlugin ],
            module : {
                rules:[
                    {
                        //test设置需要匹配的文件类型，支持正则
                        test:/\.css$/,
                        //use表示该文件类型需要调用的loader
                        use:['style-loader','css-loader']
                    },
                    {
                        test:/\.less$/,
                        use:['style-loader','css-loader','less-loader']
                    }
                ]
            }
        }