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>
一、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-cli 构建的项目中如何使用 Less
- vue-cli构建项目使用 less
- vue-cli 构建的项目中如何使用 Less
- vue-cli构建项目使用 less的方法
- vue-cli 构建的项目中使用 Less
- vue-cli构建项目 npm run build后应该怎么运行在本地查看效果
- 让vue-cli初始化后的项目集成支持SSR
- 用vue-cli构建了项目之后在webstorm开发,用npm run dev跑本地服务,经常修改之后在浏览器刷新没反应,偶尔才会有刷新,需要重新跑一遍npm run dev才会更新,这是怎么回事呢?
- vue-cli快速构建Vue项目
- 用vue-cli构建了项目之后在webstorm开发,用npm run dev跑本地服务,经常修改之后在浏览器刷新没反应,偶尔才会有刷新,需要重新跑一遍npm run dev才会更新,这是怎么回事呢?
- vue-cli 快速构建项目
- Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(二)安装 nodejs 环境以及 vue-cli 构建初始项目
- Vue-cli构建项目, 组件中js代码引入图片路径问题
- vue-cli构建项目 npm run build后应该怎么运行在本地查看效果
- vue-cli构建项目
- 饿了么项目---1、vue-cli快速构建项目(包括兼容老项目时需引入bootstrap、jquery的方法)
- vue-cli构建vue项目
- 详解vue-cli 构建Vue项目遇到的坑
- vue-cli脚手架构建了项目,想去除Eslint验证,如何设置?
- vue-cli构建项目之mock data