最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

Vue-loader使用教程

 更新時間:2022年08月06日 09:18:18   作者:IT利刃出鞘  
Vue-loader其實就是一個webpack的loader,用來把vue組件轉換成可部署的js, html, css模塊,這篇文章主要介紹了Vue-loader使用教程,需要的朋友可以參考下

簡介

說明

本文介紹vue-loader的作用及其用法。

官網網址

https://vue-loader.vuejs.org/zh/

Vue-loader是什么

Vue-loader其實就是一個webpack的loader,用來把vue組件轉換成可部署的js, html, css模塊。

預處理器示例(sass-loader)

官網網址:https://vue-loader.vuejs.org/zh/guide/pre-processors.html#sass

在webpack中,所有預處理器都要匹配相應的loader。vue-loader允許其他的webpack-loader處理組件中的一部分,然后它根據lang屬性自動判斷出要使用的loaders。

以scss為例,只要安裝處理sass/scss的loader,就能在vue中使用scss了。

現(xiàn)在我們來安裝sass/scss loader:

npm install -D sass-loader node-sass

vue-loader允許能根據lang屬性自動判斷出要使用的loaders,它是怎么樣做到的?下面來看一看最核心部分的源代碼:

exports.cssLoaders = function (options) {
  options = options || {}
 
  var cssLoader = {
    loader: 'css-loader',
    options: {
      minimize: process.env.NODE_ENV === 'production',
      sourceMap: options.sourceMap
    }
  }
 
  // generate loader string to be used with extract text plugin
  function generateLoaders (loader, loaderOptions) {
    var loaders = [cssLoader]
    if (loader) {
      loaders.push({
        loader: loader + '-loader',
        options: Object.assign({}, loaderOptions, {
          sourceMap: options.sourceMap
        })
      })
    }
 
    // Extract CSS when that option is specified
    // (which is the case during production build)
    if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader'
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }
  }
 
  // https://vue-loader.vuejs.org/en/configurations/extract-css.html
  return {
    css: generateLoaders(),
    postcss: generateLoaders(),
    less: generateLoaders('less'),
    sass: generateLoaders('sass', { indentedSyntax: true }),
    scss: generateLoaders('sass'),
    stylus: generateLoaders('stylus'),
    styl: generateLoaders('stylus')
  }
}

上述這段代碼讓vue-loader有了這種能力,它會根據不同的文件去使用不同的loader。

到此這篇關于Vue-loader使用教程的文章就介紹到這了,更多相關Vue-loader使用內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

  • Vue3+Canvas實現(xiàn)坦克大戰(zhàn)游戲(二)

    Vue3+Canvas實現(xiàn)坦克大戰(zhàn)游戲(二)

    本文主要給大家講解一下子彈擊中物體、物體銷毀、敵方坦克構建生成、運動算法、爆炸效果、以及障礙物的生成,感興趣的小伙伴可以了解一下
    2022-03-03
  • Vue 數(shù)據綁定的原理分析

    Vue 數(shù)據綁定的原理分析

    這篇文章主要介紹了Vue 數(shù)據綁定的原理,幫助大家更好的理解和使用vue框架,感興趣的朋友可以了解下
    2020-11-11
  • 詳解VUE 對element-ui中的ElTableColumn擴展

    詳解VUE 對element-ui中的ElTableColumn擴展

    本篇文章主要介紹了詳解VUE 對element-ui中的ElTableColumn擴展,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-03-03
  • vue3?圖片懶加載的兩種方式、IntersectionObserver和useIntersectionObserver實例詳解

    vue3?圖片懶加載的兩種方式、IntersectionObserver和useIntersectionObserve

    這篇文章主要介紹了vue3?圖片懶加載的兩種方式、IntersectionObserver和useIntersectionObserver實例詳解,本文通過實例代碼給大家介紹的非常詳細,需要的朋友可以參考下
    2023-03-03
  • Vue Element前端應用開發(fā)之組織機構和角色管理

    Vue Element前端應用開發(fā)之組織機構和角色管理

    本篇文章繼續(xù)深化Vue Element權限管理模塊管理的內容,介紹組織機構和角色管理模塊的處理,使得我們了解界面組件化模塊的開發(fā)思路和做法,提高我們界面設計的技巧,并減少代碼的復雜性,提高界面代碼的可讀性,同時也是利用組件的復用管理。
    2021-05-05
  • Vue調用后端java接口的實例代碼

    Vue調用后端java接口的實例代碼

    今天小編就為大家分享一篇Vue調用后端java接口的實例代碼,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-10-10
  • 一文詳解如何在Vue網站中實現(xiàn)多語言支持

    一文詳解如何在Vue網站中實現(xiàn)多語言支持

    在當今全球化的互聯(lián)網環(huán)境中,為網站提供多語言支持已成為提升用戶體驗和擴大受眾范圍的關鍵策略,本文為大家介紹了如何在Vue網站中實現(xiàn)多語種支持功能,有需要的可以了解下
    2025-03-03
  • VUE中setTimeout和setInterval自動銷毀案例

    VUE中setTimeout和setInterval自動銷毀案例

    這篇文章主要介紹了VUE中setTimeout和setInterval自動銷毀案例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-09-09
  • vue3+vite自定義封裝vue組件發(fā)布到npm包的全過程

    vue3+vite自定義封裝vue組件發(fā)布到npm包的全過程

    當市面上主流的組件庫不能滿足我們業(yè)務需求的時候,那么我們就有必要開發(fā)一套屬于自己團隊的組件庫,下面這篇文章主要給大家介紹了關于vue3+vite自定義封裝vue組件發(fā)布到npm包的相關資料,需要的朋友可以參考下
    2022-09-09
  • Vue中點擊active并第一個默認選中功能的實現(xiàn)

    Vue中點擊active并第一個默認選中功能的實現(xiàn)

    這篇文章主要介紹了Vue中點擊active并第一個默認選中功能的實現(xiàn)代碼,代碼簡單易懂,非常不錯具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-02-02

最新評論

灵山县| 两当县| 平山县| 德昌县| 临湘市| 交口县| 峡江县| 大化| 从江县| 扬中市| 西平县| 军事| 城步| 获嘉县| 长汀县| 楚雄市| 云梦县| 平顶山市| 拜城县| 察雅县| 黄浦区| 乳源| 修水县| 和硕县| 许昌市| 哈密市| 泰兴市| 钟祥市| 阜宁县| 营山县| 阜平县| 淮南市| 江孜县| 五华县| 平远县| 屏边| 罗源县| 惠来县| 邹平县| 合江县| 襄城县|