在node中，有全局變量process表示的是當前的node進程。process.env包含着關於系統環境的信息。但是process.env中並不存在NODE_ENV這個東西。NODE_ENV是用戶一個自定義的變量，在webpack中它的用途是判斷生產環境或開發環境的依據的。 為了查看 ...

vue-cli 是一個官方發布 vue.js 項目腳手架，使用 vue-cli 可以快速創建 vue 項目，GitHub地址是：https://github.com/vuejs/vue-cli ...

手把手教你用vue-cli搭建vue項目 本篇主要是利用vue-cli來搭建vue項目，其中前提是node和npm已經安裝好，文章結尾將會簡單提到一個簡單的例子。使用vue-cli搭建項目最開始我也 ...

可以生成一個html文件入口，配置N個html-webpack-plugin可以生成N個頁面入口 有 ...

在項目中運行的時候出現報錯，錯誤為Module build failed (from ./node_modules/babel-loader/lib/index.js) 解決方案： 控制 ...

作為一名Vue.js的忠實用戶，我想有必要寫點文章來歌頌這一門美好的語言了，我給它的總體評價是“簡單卻不失優雅，小巧而不乏大匠”，下面將圍繞這句話給大家介紹Vue.js，希望能夠激發你對Vue. ...

什么是 webpack？ webpack是近期最火的一款模塊加載器兼打包工具，它能把各種資源，例如JS（含JSX）、coffee、樣式（含less/sass）、圖片等都作為模塊來使用和處理。 我們可以直接使用 require(XXX) 的形式來引入各模塊，即使它們可能需要經過編譯 ...

vue引入swiper vue使用swiper vue腳手架使用swiper /引入js文件/引入css文件 歡迎加入前端交流群來獲取視頻資料以及前端學習資料：749539640 ----- ...

剛開始用webpack的同學很容易掉進圖片打包這個坑里，比如打包出來的圖片地址不對或者有的圖片並不能打包進我們的目標文件夾里(bundle)。下面我們就來分析下在webpack項目中圖片的應用場景。 在實際生產中有以下幾種圖片的引用方式： 1. HTML文件中img標簽的src屬性引用或者內嵌 ...

隨着現代前端開發的復雜度和規模越來越龐大，已經不能拋開工程化來獨立開發了，如react的jsx代碼必須編譯后才能在瀏覽器中使用；又如sass和less的代碼瀏覽器也是不支持的。 而如果摒棄了這些開發框架，那么開發的效率將大幅下降。在眾多前端工程化工具中，webpack脫穎而出成為了當今最流行的前端 ...