您的位置:首页 > 产品设计 > UI/UE

vue-cli 构建的项目中集成less

2018-03-28 12:06 831 查看
vue-cli 构建的项目中不支持less或者sass,需开发者手动引入。步骤如下:
一、npm 安装less 和 less-loader,打开项目目录运行指令npm install less less-loader --save-dev二、打开文件目录build/webpack.base.conf.js,module.rules中添加如下代码module.exports = {
module: {
rules: [{
test: /\.less$/,
loader: "style-loader!css-loader!less-loader"
}]
}
}三、在需要less的页面的style标签中 添加lang="less"属性<style lang="less">
</style>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  vue vue-cli 工具 less