Webpack初學遇到的問題

taoszu 發布于2019-08-22 18:49 / 1354人閱讀

摘要：的功能包轉譯過程中使用到的插件，其中是步驟使用的。階段使用到的一系列標準新增的原生對象和的，實現上僅僅是和兩個包的封裝。功能類似一般用于或者中，因為它不會污染全局變量

引入圖片資源時遇到的問題

Module parse failed: Unexpected character "?" (1:0)
You may need an appropriate loader to handle this file type.

可能原因：

未安裝處理圖片的loader 解決方法：首先安裝loader：npm install file-loader url-loader --save-dev，然后在 webpack.config.js 文件中的 module 添加 rules 配置

正則表達式錯誤，無法匹配到正確的rules，正確的正則表達式 /.(jpg|png|svg)??.*$/

引入vue-loader遇到的問題

rules: {
  test: /.vue$/,
  use: [{
    loader: "vue-loader", //將vue格式編寫的組件轉換為JavaScript模塊
  }],
  exclude: /node_module/
}

這樣會報錯：

ERROR in ./src/App.vue
Module Error (from ./node_modules/vue-loader/lib/index.js):
vue-loader was used without the corresponding plugin.Make sure to include VueLoaderPlugin in your webpack config.

原因：
Vue-loader在15.*之后的版本都是 vue-loader的使用都是需要伴生 VueLoaderPlugin的,

安裝babel-loader的時候，如果babel-loader@8需要安裝babel-core@7.x，如果你想要使用Babel6.x的話，需要babel-loader@7
在webpack.config.js中只需要配置babel-loader即可，不需要babel-core，但是需要安裝babel-core
babel-core是babel轉譯器的核心，提供了babel轉譯的API，webpack中的bable-loader就是調用這些API來完成轉譯過程的。

Babel的功能包

babel-plugin-xxx: babel轉譯過程中使用到的插件，其中babel-plugin-transform-xxx是transform步驟使用的。
babel-preset-xxx: transform階段使用到的一系列plugin
babel-polyfill: JS標準新增的原生對象和API的shim，實現上僅僅是core-js和regenerator-runtime兩個包的封裝。
babel-runtime: 功能類似babel-polyfill,一般用于library或者plugin中，因為它不會污染全局變量

GPU云服務器云服務器布局遇到的問題學習遺傳算法遇到的問題看apue遇到的有關問題 js請求數據遇到的問題嗎

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/96251.html

react+webpack+跨域代理+多頁面初學心得分享

摘要：初學，利用進行工程化開發管理，遇到一些問題，如多頁面處理，跨域代理的設置，如何同時引入使用。這個命令生成的文件可以放到后端服務器指定的靜態文件目錄下，這些就是用來上線的文件。這兩個文件夾下的代碼文件就是為兩個獨立的頁面準備的。初學react，利用webpack進行工程化開發管理，遇到一些問題，如多頁面處理，跨域代理的設置，如何同時引入使用jQuery。第一次試水，簡單寫了一個表格組件...

Chao 2019-08-26 17:15 評論0 收藏0
從零開始編寫React-Express單頁博客應用(學習總結)

摘要：單頁博客應用編寫總結很久之前就想寫一個博客應用在一開始想要直接用和模板直接寫但是暑假一開始的時候不小心入了的坑所以就一不做二不休直接用寫那既然用了不寫個單頁應用也過意不去了不前前后后寫了將近兩個星期現在看來這其實是一個很容易的應用但是鑒于 React-Express單頁博客應用編寫總結很久之前就想寫一個博客應用.在一開始想要直接用express和ejs模板直接寫, 但是暑假一開始的時...

Jioby 2019-08-21 10:56 評論0 收藏0
關于vue開發的常見問題

摘要：看看這里說的順便你可以加深對和的理解計算屬性默認只有，不過在需要時你也可以提供一個然后，解決完畢嘻嘻嘻二打包工程上線后，你發現開發者工具的看到了源碼對，上線配置錯了。一、vue單頁面回退丟失參數的問題可能有些跟我一樣的新手同學會遇到一個問題，就是比如我從商品詳情跳轉到購物車，沒問題，但是，購物車頁面中點擊瀏覽器的回退按鈕，返回到detail頁面時，你的動態數據（圖片啊，名稱啊，價...

陸斌 2019-08-22 18:18 評論0 收藏0
關于vue開發的常見問題

摘要：看看這里說的順便你可以加深對和的理解計算屬性默認只有，不過在需要時你也可以提供一個然后，解決完畢嘻嘻嘻二打包工程上線后，你發現開發者工具的看到了源碼對，上線配置錯了。一、vue單頁面回退丟失參數的問題可能有些跟我一樣的新手同學會遇到一個問題，就是比如我從商品詳情跳轉到購物車，沒問題，但是，購物車頁面中點擊瀏覽器的回退按鈕，返回到detail頁面時，你的動態數據（圖片啊，名稱啊，價...

lushan 2019-08-02 10:47 評論0 收藏0
webpack入門學習手記（二）

摘要：例如現在的入門學習手記系列。收到粉絲留言和打賞的喜悅。安裝上一篇入門學習手記一，主要是介紹了的核心概念，是整個學習過程的基礎知識。新生成的類似如下入門學習手記因為生成的內容過多，我直接省略掉了。 showImg(https://segmentfault.com/img/bVbk5Nd?w=1150&h=599); 本人微信公眾號：前端修煉之路，歡迎關注。最近開始想要維護一個個人的公眾...

Joyven 2019-08-23 14:05 評論0 收藏0