在vue的实战项目学习中遇到一些难点,以下是自己的学习笔记记录。
引入styl文件的时候,要先下载styl依赖环境:
cnpm install stylus --save-dev
cnpm install stylus-loader --save-dev
在引入styl文件的时候,默认情况下,node_modules目录下找不到依赖?
解决方法:
在build目录下的webpack.base.conf.js的resolve的对象中引入style的当前文件夹。
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
'common':resolve('src/common')
}
},
安装依赖,babel-runtime/fastclick/babel-polyfill在package.json文件中
cnpm install babel-runtime --save
cnpm install fastclick --save
cnpm install babel-polyfill --save-dev
下载后可以直接在package.json的依赖中找到。
注意:后缀–save安装的路径是dependencies,后缀–save-dev安装的路径是devDependencies。两者的区别在于,前者是页面中要使用的,后者是在开发用的,不引入页面,作为工具。
注意语法规范:
export default {
components: {
MHeader
}
}
components与花括号之间必须有一个空格。
在开发过程中不想让eslint检测,解决方法: