<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ??碼云GVP開源項目 12k star Uniapp+ElementUI 功能強大 支持多語言、二開方便! 廣告
                [toc] ## 支持單文件組件 ![](https://box.kancloud.cn/84f8117e3c2e0dc00b5279c299f4c4bb_549x245.png) ``` npm i vue-loader ``` ![](https://box.kancloud.cn/29cafa19dc6e57a11f4c38b93a34c861_694x67.png) 因為 `.vue` 文件內可以寫**css**,以及寫模板**html**,故還 **vue-loader** 依賴 **css-loader** 和 **vue-template-compiler** ### vue-loader配置 ![](https://box.kancloud.cn/e99b19e11f434cc424058a8e9041f8b9_563x181.png) ``` module.exports = (isDev) => { return { //清楚單文件組件模板中的空格 preserveWhiteSpace: true //將所有單文件組件的css打包到抽離出的那個單獨的css文件中 //默認是和組件綁定的,這是為了讓異步加加載更完美(類似于styled-components) , extractCSS: !isDev //Vue的單文件組件的css默認并不支持熱更新 //需要->vue-style-loader(-D)替代style-loader //css模塊化 , cssModules: { localIndentName: isDev ? '[path]-[name]-[hash:base64:5]' : '[hash:base64:5]' //默認為串燒,這里改成小駝峰命名,便于js操作 , camelCase: true } //一般不用 因為一般會用postcss.config.js單獨配置 // ,postcss //熱加載 //但無法限制單文件組件的css的熱加載 , hotReload: isDev //Vue單文件組件內一般有3個模塊,template、script、style //,想要解析他們,都可以設置對應的loader //,除此之外也可以自定義模塊 //,這時候想要解析也需要對應的loader , loaders: { // js // ,html // ,style // ,'docs':docsLoader } //vue調用babel-loader之前 //比如Type-script , preLoader: {} //Vue指定loader解析完之后 , postLoader: {} }; }; ``` ## 支持jsx 另外如果想在 **vue** 中使用 `jsx`, ![](https://box.kancloud.cn/5c6bc534986b1bfb855a9b4c3eab0b4f_233x365.png) 除了 **transform-vue-jsx** ,還需要安裝這個插件依賴的兩個包 ![](https://box.kancloud.cn/f3b0388982c2a06da7e02eda63aa25c4_790x108.png) ##
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看