一、n-zepto 导入问题。
环境:项目目录结构使用vue-cli生成。
过程:
1、npm install n-zepto –save
2、main.js中使用 import $ from ‘n-zepto’
3、报错。 http://eslint.org/docs/rules/no-unused-vars  ‘$’ is defined but never use

调试查找问题:报错说$没使用到,然后就在main.js中使用一下,window.$=$;但依然报错,报错如下,

http://eslint.org/docs/rules/semi  Extra semicolon

4、解决。网上查找下原因,原来是eslint校验引起。目前解决方案是把eslint注释掉。在webpack.base.conf.js中,注释掉这段

// {
// test: /\.(js|vue)$/,
// loader: ‘eslint-loader’,
// enforce: ‘pre’,
// include: [resolve(‘src’), resolve(‘test’)],
// options: {
// formatter: require(‘eslint-friendly-formatter’)
// }
// },

 

二、v-cli生成的项目开发环境跨域调试

可以配置config/index.js http代理proxy

dev: { env: require('./dev.env'), port: 8080, autoOpenBrowser: true, assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/api': { target: 'http://test.yourdoamain.cn', changeOrigin: true, pathRewrite: { '^/api': '/api' } } }, // CSS Sourcemaps off by default because relative paths are "buggy" // with this option, according to the CSS-Loader README // (https://github.com/webpack/css-loader#sourcemaps) // In our experience, they generally work as expected, // just be aware of this issue when enabling this option. cssSourceMap: false }