開始之前，需要安裝node環境。（安裝過程在此就不啰嗦了） 1、創建基本結構 首先我們要創建一個空文件夾（我這里叫todos，你可以隨便命名）作為項目的根目錄。 創建一個沒有任何依賴關系的package.json，可以通過命令行 npm init 創建 ...

前言　 　　下面是我們使用到技術棧: 　　　　webpack + react + redux + react-router + react-thunk + ES6 + .... 　　注意事項： 　　　　建議使用npm5.X 或者 yarn 包管理工具(最好不要使用cnpm,雖然安裝包 ...

gulp進階構建項目由淺入深 閱讀目錄 gulp基本安裝和使用 gulp API介紹 Gulp.src(globs[,options]) gulp.dest(path[,options]) gulp.task(name[,deps],fn ...

1.使用 CommonJS 進行對 src/js 目錄下的 js 代碼進行模塊化，所有模塊都不產生全局變量，只通過 require 聲明依賴，以及通過 module.exports 暴露模塊接口。 2.根目錄增加 webpack.config.js 配置文件，使用 ...

安裝 webpack、vue npm i webpack webpack-cli -D npm i vue vue-router -S 在項目根目錄創建build文件夾，然后創建3個分別是webpack.base.conf.js、webpack ...

最近公司要求用vue重構項目，還涉及到模塊化開發，於是乎，我專門花了幾天的時間研究了一下webpack這個目前來看比較熱門的模塊加載兼打包工具，發現上手並不是很容易，現將總結的一些有關配置的心得分享出來，歡迎大神來拍磚。。。 一、新建一個項目目錄，cd /d 定位進去，然后輸入npm init ...

　　前端項目打包工具webpack與前端開發框架vue，算是現在前后端分離后非常流行的技術了，今天主要講的是使用webpack和vue2構建一個前后端分離項目的基本骨架。雖然使用vue-cli腳手架可以幫我們搭建好一個項目骨架，但是了解原理我覺得還是很重要的，所以這篇文章主要就寫webpack ...

加入新公司一個月，最近接手在做一個 chrom 瀏覽器插件的項目，開發過程中發現項目打包的時間很長，足足有30多秒，這是讓人很難接受的，而且構建的顯示了幾條包體積過大的提示信息： 可以看到，打包后有三個包超過了建議的體積，是什么導致了打包時間長和包的體積過大呢？ 下面通過一些具體方法來分析 ...