詳解如何在vue項目里正確地引用jquery和jquery-ui的插件-創新互聯

使用vue-cli構建的vue項目，webpack的配置文件是分散在很多地方的，而我們需要修改的是build/webpack.base.conf.js，修改兩處的代碼

成都創新互聯是一家專業提供高陽企業網站建設,專注與網站建設、成都網站設計、H5場景定制、小程序制作等業務。10年已為高陽眾多企業、政府機構等服務。創新互聯專業網絡公司優惠進行中。

// 在開頭引入webpack，后面的plugins那里需要
var webpack = require('webpack')
// resolve

module.exports = {
 // 其他代碼...
 resolve: {
  extensions: ['', '.js', '.vue'],
  fallback: [path.join(__dirname, '../node_modules')],
  alias: {
   'src': path.resolve(__dirname, '../src'),
   'assets': path.resolve(__dirname, '../src/assets'),
   'components': path.resolve(__dirname, '../src/components'),

   // webpack 使用 jQuery，如果是自行下載的
   // 'jquery': path.resolve(__dirname, '../src/assets/libs/jquery/jquery.min'),
   // 如果使用NPM安裝的jQuery
   'jquery': 'jquery' 
  }
 },

 // 增加一個plugins
 plugins: [
  new webpack.ProvidePlugin({
   $: "jquery",
   jQuery: "jquery"
  })
 ],

 // 其他代碼...
}

另外有需要云服務器可以了解下創新互聯建站m.kartarina.com，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

網站標題：詳解如何在vue項目里正確地引用jquery和jquery-ui的插件-創新互聯
瀏覽地址：http://m.kartarina.com/article38/ccgjpp.html

成都網站建設公司_創新互聯，為您提供營銷型網站建設、小程序開發、面包屑導航、外貿網站建設、Google、標簽優化

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯