vue-cli webpack全域性引入jquery
1、首先在package.json里加入,
然後 nmp install
2、在webpack.base.conf.js里加入
3、在module.exports的最後加入
plugins: [
new webpack.optimize.CommonsChunkPlugin("common.js"),
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
})
]
4、然後一定要重新 run dev
5、在main.js 引入就ok了
在.vue檔案中引入第三方非NPM模組
vue-cli引入外部檔案
在 webpack.base.conf.js 中新增externals
externals 中 swiper 是鍵,對應的值一定的是外掛 swiper.js 所定義的變數 Swiper :
之後再在根目錄下的index.html檔案裡引入檔案:<script src="static/lib/swiper.js"></script>
這樣子就可以在需要用到swiper.js的檔案里加入這行程式碼:import Swiper from "swiper",這樣就能正常使用了。
vue-cli webpack全域性引入jquery
1、首先在package.json里加入,
然後 nmp install
2、在webpack.base.conf.js里加入
3、在module.exports的最後加入
plugins: [
new webpack.optimize.CommonsChunkPlugin("common.js"),
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
})
]
4、然後一定要重新 run dev
5、在main.js 引入就ok了
在.vue檔案中引入第三方非NPM模組
vue-cli引入外部檔案
在 webpack.base.conf.js 中新增externals
externals 中 swiper 是鍵,對應的值一定的是外掛 swiper.js 所定義的變數 Swiper :
之後再在根目錄下的index.html檔案裡引入檔案:<script src="static/lib/swiper.js"></script>
這樣子就可以在需要用到swiper.js的檔案里加入這行程式碼:import Swiper from "swiper",這樣就能正常使用了。