vue报错 vue-cli 引入 stylus 失败
2017-06-22 22:43
537 查看
原文链接:http://www.cnblogs.com/qingqingzou-143/p/7067626.html
1.1.1. vue-cli 引入 stylus 失败
先通过vue-cli的webpack模板建立文件夹:
vue init webpack test-stylus
然后安装依赖
npm install
再然后 安装stylus stylus-loader style-loader
npm install stylus stylus-loader style-loader --save-dev
然后改了一下webpack的配置在webpack.base.conf.js的module的loaders里加入了
{
test: /\.styl$/, loader: 'style-loader!css-loader!stylus-loader'
}
在resolve的extensions里加入了.styl
extensions: ['', '.js', '.vue','.styl']
接下来就随便写了个index.styl文件,内容就一行(实验嘛)
body
margin 0
然后在main.js里引入
import './stylus/index.styl'
接下来
npm run dev
转载于:https://www.cnblogs.com/qingqingzou-143/p/7067626.html
相关文章推荐
- vue-cli 引入 stylus 失败
- vue-cli 引入 stylus 失败
- 基于vue-cli3引入 stylus文件 iconfont
- vue-cli3中引入postcss-px-to-viewport插件
- vue-cli中引入jquery方法
- vue-cli引入bootstrap jquery
- vue-cli3引入svg-icon正确姿势
- vue-cli favicon 怎么引入
- vue-cli 项目中引入jquery、sass、md5、ElementUI、vue-cookie
- vue-cli脚手架开发项目问题——Cannot find module ‘stylus’
- vue-cli项目中,全局引入jquery
- vue打包后资源引入路径加载失败
- vue-cli3.0 给每个.vue文件的css stylus设置全局变量
- vue-cli脚手架引入图片的几种方法总结
- 基于vue-cli脚手架,引入各种组件,
- 在vue-cli 3中给stylus、sass样式传入共享的全局变量
- 如何在vue-cli webpack中全局引入jquery
- 如何在 Vue-cli 创建的项目中引入 iView组件UI
- 解决vue-cli中stylus无法使用的问题
- vue-cli3.0升级失败,vue-cli卸载不掉,vue-cli升级不了3.0,