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

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']
        }

你可能感兴趣的:(vue)