你好,我曾使用vuejs cli来生成项目(https://github.com/vuejs/vue-cli)。该cli使用webpack,我在vue文件中使用jquery时遇到了问题。我一直得到一个。
http://eslint.org/docs/rules/no-undef '$' is not defined
我尝试编辑webpack.dev.config文件并添加provide插件块,如下所示:
var utils = require('./utils')
var webpack = require('webpack')
var config = require('../config')
var merge = require('webpack-merge')
var baseWebpackConfig = require('./webpack.base.conf')
var HtmlWebpackPlugin = require('html-webpack-plugin')
var FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
// add hot-reload related code to entry chunks
Object.keys(baseWebpackConfig.entry).forEach(function (name) {
baseWebpackConfig.entry[name] = ['./build/dev-client'].concat(baseWebpackConfig.entry[name])
})
module.exports = merge(baseWebpackConfig, {
module: {
rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap })
},
// cheap-module-eval-source-map is faster for development
devtool: '#cheap-module-eval-source-map',
plugins: [
new webpack.DefinePlugin({
'process.env': config.dev.env
}),
// https://github.com/glenjamin/webpack-hot-middleware#installation--usage
new webpack.HotModuleReplacementPlugin(),
new webpack.NoEmitOnErrorsPlugin(),
// https://github.com/ampedandwired/html-webpack-plugin
new HtmlWebpackPlugin({
filename: 'index.html',
template: 'index.html',
inject: true
}),
new FriendlyErrorsPlugin(),
new webpack.ProvidePlugin({
$ : "jquery",
jQuery : "jquery"
})
]
})
然而,在尝试使用jquery时,我一次又一次地遇到相同的问题。我并不反对为此使用cdn,但无论我尝试什么,都无法包含jquery。
如果vue文件有帮助,那么我会像这样在脚本块内尝试console.log $。
<script>
export default {
name: 'how_can_we_help_you',
data () {
return {
msg: 'Welcome to Your Vue.js App'
}
}
}
console.log($)
</script>
请帮我,我很困扰,一直在尝试解决这个问题,但一直没成功。谢谢!
Vue
处理,所以如果你不小心就会陷入混乱,这就是为什么它被认为是不良实践的原因。如果你小心谨慎,那就没问题了。 - craig_h