webpack - 文章 - SegmentFault 思否

0

如何把webpack打包好的代码部署到Nginx服务器上

陈妙妙 1 小时前发布于
收藏

在生产环境中部署前端代码本文章前端代码是基于vue+webpack开发的 Nginx是一款轻量级的Web 服务器/反向代理服务器首先，webpack配置如下在开发过程中，我们是通过npm run dev在开发环境中运行代码如果要部署到...

0

vue-cli 3.x配置使用vux

时光未央 2 小时前发布于
收藏

在vue-cli3.x中配置使用VUX vux是基于WeUI和Vue(2.x)开发的移动端UI组件库，主要服务于微信页面(官方介绍)。这些天闲来无事用豆瓣开放的api练习一下vue-cli3.x，但是对于一些组件的实现自己写的实在太粗糙和功能...

0

基于vue-cli搭建多模块且各模块独立打包的项目

水电 20 小时前发布于
收藏

背景在实际的开发过程中，单页应用并不能满足所有的场景。传统单页应用所生成的成果物，在单个系统功能拆分和多个系统灵活组装时并不方便。举个例子，我们在A系统中开发了一个实时视频预览模块和一个gis模块，传...

0

webpack插件之三

shishans 2 天前发布于
收藏

一、open-browser-webpack-plugin 作用：在webpack加载之后打开一个新的浏览器窗口。安装：npm install open-browser-webpack-plugin --save-dev。（请注意--save-dev和--save的区别）因为这个插件一般在产品发布...

0

webpack4.0测试版指南

xiaosheng222 2 天前发布于
收藏

自8月初以来—当我们将 nex branch 合并到webpack/webpack#master—我们看到了巨大的贡献！ 🎉今天，我们很自豪地发布webpack 4.0.0-beta.0来分享这项工作的成果！ 🎉 🎁A Promise Fulfilled — 可预测的发布周期当我...

4

你不知道的Rollup

ixlei 3 天前发布于
2 收藏

Rollup 下一代打包工具，这是rollup对自己的定位。如今的前端领域，构建工具并不缺少，每个前端工程师都用过或者听过webpack。可以看到的是像React、Vue等框架的构建工具使用的都是rollup。既然如此，这些框架为...

1

element-ui更换主题和按需引入组件

wuwhs 4 天前发布于
收藏

前言手上有些项目用的element-ui，刚好有空琢磨一下怎么减小打包文件大小和打包速度方面，为了演示实验，用vue-cli生成初始项目，在这仅对element-ui主题和组件方面来优化。 {代码...} 完整引入完整地将ui和样...

7

Webpack4 不深不浅的实践教程

电波马达 6 天前发布于
29 收藏

本文偏入门&实践，从零开始配置 Webpack；实际项目开发，零配置是不存在的。 🚀 安装&快速开始快速初始化配置文件 package.json {代码...} 接下来将 webpack 添加到 package.json => devDependencies...

1

探寻 webpack 插件机制

牧云云 4月18日发布于
6 收藏

webpack 可谓是让人欣喜又让人忧，功能强大但需要一定的学习成本。在探寻 webpack 插件机制前，首先需要了解一件有意思的事情，webpack 插件机制是整个 webpack 工具的骨架，而 webpack 本身也是利用这套插件机制...

0

webpack4入门操作

silverWinter 4月17日发布于
收藏

基于webpack4实践：开始：打开控制面板，新建一个文件，进入该文件 -初始化package.json {代码...} 打开文件，下面多出一个package.json的文件：接着在webpage-demo文件下，安装webpack,查看webpack版本 {代码.....

1

webpack从此不再是我们的痛点 — 核心基础

ngaiwe 4月16日发布于
8 收藏

webpack一直是前端工程师的痛点，因为他的复杂、分散、loader、plugin这些第三方，让我们的学习成本陡然上升，使我们一直对他的配置模棱两可，今天带大家彻底明白他如何配置，摆脱困扰我们很久的痛点。本篇主要是...

7

我是如何在公司项目中使用ESLint来提升代码质量的

闰土大叔 4月16日发布于
15 收藏

ESLint：你认识我吗 ESLint是一个语法规则和代码风格的检查工具。和学习所有编程语言一样，想要入门ESLint，首先要去它的官网看看：https://eslint.org/。 ESLint的版本问题目前ESLint的稳定版本是v4.19.1，如...

1

webpack@v4升级踩坑

BingqiChen 4月15日发布于
6 收藏

之前看到各大公众号都在狂推 webpack 新版发布的相关内容，之前就尝试了升级，由于部分插件的原因，未能成功，现在想必过了这么久已经可以了，今天就来试一下在我的项目中升级会遇到哪些坑。查阅更新日志在安装...

0

一个简易的DIY场景H5框架

Zer0 4月15日发布于
收藏

第一次发项目，以供大家学习参考，可能有些简陋，若有不合理处，请大神们指教。最近在朋友圈出现了很多DIY类的H5游戏，通过添加拖拉摆放和组合元素，来DIY自定义一个场景并合成图片分享出去的新H5展示形式。笔者...

0

剖析webpack模块化原理

jessezhao1990 4月15日发布于
收藏

创建项目先创建一个最简单的项目，之后用webpack打包，然后分析打包之后的代码。 app.js入口文件 {代码...} a.js 文件 {代码...} b.js 文件 {代码...} webpack配置文件（webpack.config.js） {代码...} 打包之后...