stylus-sass-less 预编译语言webpack配置

最新推荐文章于 2024-04-07 08:31:09 发布

mi_cy

最新推荐文章于 2024-04-07 08:31:09 发布

阅读量522

点赞数

分类专栏： vue 文章标签： stylus less sass

本文链接：https://blog.csdn.net/Tom__cy/article/details/90639862

版权

vue 专栏收录该内容

36 篇文章 2 订阅

订阅专栏

Stylus 配置

			npm isntall stylus stylus-loader --save-dev

 	     {
                test: /\.styl$/,
                loader: 'style-loader!css-loader!stylus-loader',
                include: []
   		 }

Sass配置

		//在项目下，运行下列命令行
		npm install --save-dev sass-loader
		//因为sass-loader依赖于node-sass，所以还要安装node-sass
		npm install --save-dev node-sass
	{
        test: /\.scss$/,
        loader: 'style!css!sass'
    }

Less配置

npm install less --save-dev
npm install style-loader css-loader less-loader --save-dev

		{
            test: /\.less$/,
            use: ['style-loader', 'css-loader', 'less-loader']
        }