tag webpack3

標籤
貢獻14
75
02:42 PM · Nov 06 ,2025
birenyangguangcanlan 頭像 tosmile 頭像 chendongyuan 頭像 chendian_5b5997450ca5d 頭像 kathroon 頭像 jane_shen 頭像 ryan_595342083ee27 頭像 ruidoc 頭像 aconfuseboy 頭像 weiman_5e0ee4f995e41 頭像 xiaoyezi_5a6aa2e2e11f8 頭像 yanglinxiao 頭像

@webpack3 / 博客 RSS 訂閱

chendongyuan 頭像

陳東民 - webpack loader和plugin

適用webpack3。 loader loader主要用於預處理源文件，類似於構建工具中的任務概念 開始一段簡單的loader編寫 編寫一段js代碼，如 function loader (source) { var self = this; return source.replace(/div(.*?)/, function (str) { var value = co

webpack3

收藏 評論

chendian_5b5997450ca5d 頭像

沉澱 - webpack 3x 到webpack 4x 踩坑記錄

從jspang的《Webpack3.X版 成神之路》webpack入門（http://jspang.com/posts/2017/...） 如今升級到4x，菜鳥獨自踩坑一把辛酸淚，webpack4主要教程參考https://blog.51cto.com/140471... 1.安裝webpack webpack 4x webpack和webpack-cli要分開安裝，不再一次安裝

webpack3 , webpack4

收藏 評論

kathroon 頭像

槲櫟 - webpack實戰

打個包試一試 先安裝好環境 $ node -v v12.14.0 $ npm init -y $ npm install -D webpack@3.6.0 項目目錄結構： my-mall-admin-web ├── build -- 存儲打包好的文件 ├── node_modules -- 安裝的node模塊 ├── src | ├── greet.js | ├── index.js

webpack3 , 前端

收藏 評論

birenyangguangcanlan 頭像

緣自世界 - webpack 構建多頁面應用——初探

如何使用webpack構建多頁面應用，這是一個我一直在想和解決的問題。網上也給出了很多的例子，很多想法。猛一看，覺得有那麼點兒意思，但仔細看也就那樣。 使用webpack這個構建工具，可以使我們少考慮很多的問題。 我們常見的單頁面應用只有一個頁面，它考慮問題，解決問題圍繞着中心化去解決，因此很多麻煩都迎刃而解。如果你使用過vue.js，那麼想必你一定用過vue-router，vuex，它們就是典型

webpack3 , webpack , webpack4

收藏 評論

jane_shen 頭像

Jane_Shen - create-react-app 打包優化（antd、echarts）

我做 react 開發時通常是直接用的 create-react-app。最近想分析一下一個用 create-react-app 開發的項目的打包結果，看看有沒有什麼可以優化的地方。 項目情況 執行 npm run eject 導出配置（單向操作，不可逆）。 項目中使用的一些庫： "dependencies": { "antd": "^3.9.2", "axios": "^0

webpack3 , antd , webpack , echarts , create-react-app

收藏 評論

birenyangguangcanlan 頭像

緣自世界 - 構建多頁面應用——單個頁面的處理

在看這篇文章之前，需要你對構建多頁面應用有一定的基礎認識，如果沒有的話，可以先參考這篇文章webpack 構建多頁面應用。 多頁面應用是由一個個獨立的頁面組成。因此，細粒度的處理一個個單頁面是構建單頁面框架之後的一個重要實現。 因為所涵蓋的知識點較碎，所以就不按照頁面的位置結合組成元素來講，如：head, body, script等。這裏主要介紹head。因為script操作其實就是上一篇文章中已

構建工具 , webpack3 , webpack , webpack4

收藏 評論

ryan_595342083ee27 頭像

Ryan - 關於dll打包優化你可能不知道的地方

使用DllPlugin可以很大程度提高webpack的構建速度，但是有幾點不注意的話會使得打包的體積較大。 以下以react的配置來説明一下（webpack3） 一、先看一下最簡單的打包 const path = require('path'); const webpack = require('webpack'); const DllPlugin = require('webpack/lib/D

webpack3 , webpack

收藏 評論

ruidoc 頭像

楊成功 - 【webpack】vue2.5 + webpack3 常用loaders彙總

從零開始搭建vue+webpack環境，坑很多，各種plugins和loader眼花繚亂，最關鍵的是很多loader隨着webpack4升級也是大改造，新版本在webpack3上直接用不了。下面關鍵記錄些東西和版本 1. webpack webpack@3.12.0 webpack-dev-server@2.9.1 webpack負責vue工程的構建，webpack-dev-server實

vue.js , webpack3

收藏 評論

tosmile 頭像

浪遏飛舟 - 詳解CommonsChunkPlugin的配置和用法

簡介 CommonsChunkPlugin主要是用來提取第三方庫和公共模塊，避免首屏加載的bundle文件或者按需加載的bundle文件體積過大，從而導致加載時間過長，着實是優化的一把利器。 先來説一下各種教程以及文檔中CommonsChunkPlugin提及到chunk有哪幾種，主要有以下三種： webpack當中配置的入口文件（entry）是chunk，可以理解為entry chunk

webpack3

收藏 評論

aconfuseboy 頭像

aConfuseBoy - webpack5多頁面腳手架

webpack5,webpack4,webpack3多頁面腳手架 移步webpack5多頁面腳手架 移步webpack4多頁面腳手架 移步webpack3多頁面腳手架 適用於多個靜態頁面的顯示, 如官網 項目地址: https://github.com/WangZhenHao/webpack-multiple-page 示例： 1.2.0 修改html-wbepack-plugin插件：添

webpack3 , 多頁面應用 , webpack5 , webpack4

收藏 評論

weiman_5e0ee4f995e41 頭像

未滿 - Webpack使用傳統工程項目

説明 這是最近在學習和實踐webpack的一次學習筆記,有不足歡迎指正 這裏不涉及前端框架部分,單純是使用webpack 工程目錄結構 webpack-demo (學習工程目錄) |---config |------webpack.base.js (用於公用配置) |------webpack.dev.js (用於開發配置) |------webpack.pro

webpack-dev-server , webpack3 , webpack , webpack入門

收藏 評論

tosmile 頭像

浪遏飛舟 - 如何減小vendor.js文件的大小，加快打包速度

1、webpack3打包第三方模塊配置 // 打包第三方插件 new webpack.optimize.CommonsChunkPlugin({ name: 'vendor', filename: '[name].js', // 可以是已經存在的chunk（一般指入口文件）對應的name，那麼就會把公共模塊代碼合併到這個chunk上；否則，會創建名字為n

webpack3

收藏 評論

xiaoyezi_5a6aa2e2e11f8 頭像

小葉子 - Webpack3+React16代碼分割

項目背景 最近項目裏有個webpack版本較老的項目，由於升級和換框架暫時不被leader層接受o(╥﹏╥)o，只能在現有條件進行優化。 webpack3 + react16 webpack v3配置檢查 很明顯項目的配置是從v1繼承過來的，v1-v3的升級較為簡單，參考官網https://webpack.js.org/migrat... 即可。 loaders變為rules 不再支持鏈式寫法的

性能優化 , react , webpack3 , 打包 , 前端

收藏 評論

yanglinxiao 頭像

Yanglinxiao - 詳解CommonsChunkPlugin的配置和用法

簡介 CommonsChunkPlugin主要是用來提取第三方庫和公共模塊，避免首屏加載的bundle文件或者按需加載的bundle文件體積過大，從而導致加載時間過長，着實是優化的一把利器。 先來説一下各種教程以及文檔中CommonsChunkPlugin提及到chunk有哪幾種，主要有以下三種： webpack當中配置的入口文件（entry）是chunk，可以理解為entry chunk

webpack3 , webpack , webpack2

收藏 評論

nine_59f82397ef519 頭像

Nine - Webpack小技巧-公共組件引用路徑簡化

日常開發中，我們會常常把一些功能提取出來，包裝成一個公共模塊或者組件，供不同地方使用，但是隨着項目不斷變大，項目目錄不斷變深，我們引用公共組件的路徑越來越長！ 例如：引用一個公共模塊 import Menu from '../../../../../components/Menu'; // 這裏路徑太深，很容易寫錯 我們該怎麼優化尼？ 解決方案1：使用webpack的resolve.alias屬性

webpack3 , webpack , webpack入門 , webpack2 , 前端

收藏 評論

huansheng 頭像

前端陳晨 - webpack2-3基本配置

const path = require('path') const webpack = require('webpack') const ExtractTextPlugin = require('extract-text-webpack-plugin') var htmlWebpackPlugin = require("html-webpack-plugin"); module.exports

webpack3 , webpack , webpack2

收藏 評論