#pack

使用 webpack 优化资源

在前端应用的优化中,对加载资源的大小控制极其的重要,大多数时候我们能做的是在打包编译的过程对资源进行大小控制、拆分与复用。本片文章中主要是基于webpack打包,以React、vue等生态开发的单页面应用来举例说明如何从webpack打包的层面去处理资源以及缓存,其中主要我们需要做的是对webpack进行配置的优化,同...
代码星球 ·2020-04-18

Webpack2 升级指南和特性摘要(转)

上述三个选项将被合并为一个标准配置项:resolve.modules.更多关于resolve的信息信息可查阅 resolving.resolve:{-root:path.join(__dirname,"src")+modules:[+path.join(__dirname,"src"),+"node_modu...

package.json字段全解(转)

必须字段。小提示:不要在name中包含js,node字样;这个名字最终会是URL的一部分,命令行的参数,目录名,所以不能以点号或下划线开头;这个名字可能在require()方法中被调用,所以应该尽可能短;必须字段。可选字段,必须是字符串。npmsearch的时候会用到。可选字段,字符串数组。npmsearch的时候会用...
代码星球 ·2020-04-18

转:Webpack 指南(整理 草稿)

首先要安装Node.js,Node.js自带了软件包管理器npm。用npm全局安装Webpack:$ npm installwebpack-g通常我们会将Webpack安装到项目的依赖中,这样就可以使用项目本地版本的Webpack。#进入项目目录,初始化,创建package.json。#若存在pac...
代码星球 ·2020-04-18

Webpack打包进阶

由于使用了React直出,页面各项性能指标使人悦目。本篇将深入探讨目前PC部落所采用webpack打包优化策略,以及探讨PC部落并未使用的webpackCodeSplitting代码分包、异步模块加载特性。看看它们又是如何对PC部落的性能起到进一步的催化作用。如果你曾经使用过Broserify,RequireJS或类似...
代码星球 ·2020-04-18

webpack练手项目之easySlide(三):commonChunks(转)

Hello,大家好。  在之前两篇文章中:    webpack练手项目之easySlide(一):初探webpack     webpack练手项目之easySlide(二):代码分割   与大家分享了webpack的基本使用方法,以及使用webpack对代码进行分割,根据需求进行异步加载。  今天我们继续...

webpack练手项目之easySlide(二):代码分割(转)

在上一篇 webpack练手项目之easySlide(一):初探webpack  中我们一起为大家介绍了webpack的基本用法,使用webpack对前端代码进行模块化打包。但是乍一看webpack只是将所有资源打包到一个JS文件中而已,并没有做到真正的按需加载,这当然不是我们所想要的。不...

webpack练手项目之easySlide(一):初探webpack (转)

最近在学习webpack,正好拿了之前做的一个小组件,图片轮播来做了下练手,让我们一起来初步感受下webpack的神奇魅力。     webpack是一个前端的打包管理工具,大家可以前往:http://webpack.github.io/ 作详细了解。相对于之前的前端模...

基于webpack的前端工程化开发解决方案探索(一):动态生成HTML(转)

  软件工程的工程化开发概念由来已久,但对于前端开发来说,我们没有像VS或者eclipse这样量身打造的IDE,因为在大多数人眼中,前端代码无需编译,因此只要一个浏览器来运行调试就行了。但是时至今日,互联网特别是移动互联网为前端开发带来了更大的机会,同时前端代码也变得越来越复杂,越来越难以管理,因此前端工程化开发的工作...

NuGet修改packages目录/迁移缓存文件夹

如图,以下是NuGet默认配置 打开C:ProgramFiles(x86)NuGetConfig目录的Microsoft.VisualStudio.Offline.config可以看见如下配置  首先把这个目录剪切到其他地方,如D:ProgramFiles(x86)NuGetPackage...

Vue.js——60分钟快速入门 开发· webpack 中文文档

转载于:http://www.cnblogs.com/keepfool/p/5619070.html          http://www.css88.com/doc/webpack2/guides/get-start...

webpack学习笔记

一、什么是webpack  WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。 二、安装1. 执行npminit,选择默认的下一步就...
代码星球 ·2020-04-16

Spring cloud的Maven插件(一):repackage目标

  SpringBootMavenPlugin插件提供springboot在maven中的支持。允许你打包可运行的jar包或war包。  插件提供了几个maven目标和SpringBoot应用一起工作。总的有:spring-boot:repackage 请阅读:Springcloud的Maven插件(一):r...

package.json文件的用法

1.bin字段可选字段,很多包都会有执行文件需要安装到PATH中去。这个字段对应的是个map数据结构,每个元素对应一个{命令名:文件名}。例如:{"bin":{"hello":"./cli.js"}},就可以在命令行模式下执行cli.js脚本了。npmhello更高级的是:直接命令行hello,不需要npm,可以运行n...
代码星球 ·2020-04-15

maven package install deploy区别

package命令完成了项目编译、单元测试、打包功能,但没有把打好的可执行jar包(war包或其它形式的包)布署到本地maven仓库和远程maven私服仓库install命令完成了项目编译、单元测试、打包功能,同时把打好的可执行jar包(war包或其它形式的包)布署到本地maven仓库,但没有布署到远程maven私服仓...
首页上一页...2728293031...下一页尾页