node
「已注销」
生活没有枸杞,只剩前进
展开
-
webpack2教材--2webpack 介绍&常用命令&webpack-dev-server
webpack 介绍&常用命令&webpack-dev-server介绍Webpack是一款用户打包前端模块的工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。主要是用来打包在浏览器端使用的javascript的。同时也能转换、捆绑、打包其他的静态资源,包括css、image、font file、template等特点:代码拆分W...原创 2019-02-14 16:33:41 · 259 阅读 · 0 评论 -
webpack2教程--3如何集成第三方js库
本篇介绍本篇主要介绍如何集成常用的js库,以avalon 和jquery 为例,同理可扩展到其他js库。更高级的功能见后续文章。更高级的功能见后续文章avalon 是国内的一个轻量级 MVVM js框架,只是以此为例 并不仅限于它### 集成avalon由于项目用到了Avalon这个MVVM框架,webpack是兼容多种类型的加载器(AMD,CMD),平常用的avalon.js是自带加载器,用w...转载 2019-02-14 22:18:34 · 278 阅读 · 0 评论 -
npm --save-dev和npm --save
先来package.json代码生成packjson.js的命令是npm initnpm init:这个命令用于创建一个新的package.json,会提问npm init --yes 或npm init -y:从当前目录中提取的信息生成默认的package.json,创建过程不会提问也可以完全自定义package.json文件的内容和在init期间提出的问题。这通过创建自定义.npm-i...原创 2019-02-10 20:18:46 · 180 阅读 · 0 评论 -
webpack2教程--1webpack的安装和webpack.config.js介绍
之前都是gulp之类的,现在都什么时代了!是时候学习webpack,现在都webpack4.x了,没办法,我这种弱鸡就只能webpack2开始。webpack官网文件前提安装node,安装成功,npm -vcmd命令来检查是否安装成功。安装webpack,npm install webpack@x.x.x局部安装,全局安装使用npm install webpack@x.x.x -g,如果...原创 2019-02-11 21:14:54 · 330 阅读 · 1 评论 -
node.js中path的join和resolve的使用区别
path.join([path1],[path2])path.join()方法可以丽娜姐任意多个路径字符串。var path = require('path');//合法的字符串连接 path.join('/foo', 'bar', 'baz/asdf', 'quux', '..') // 连接后 '/foo/bar/baz/asdf'//不合法的字符串将抛出异常 path.jo...原创 2019-02-23 16:22:02 · 461 阅读 · 0 评论 -
webpack2--4多页面支持& 公共组件单独打包
本篇主要介绍:如何自动构建入口文件,并生成对应的output;公共js库如何单独打包。多入口文件,自动扫描入口。同时支持SPA和多页面型的项目.公共js库如何单独打包。基础目录以下示例基于上一篇进行改进,上一篇项目源码.├── package.json # 项目配置├── src # 源码目录│ ├── ...转载 2019-02-23 22:27:21 · 902 阅读 · 0 评论 -
webpack2--5模块加载器&extractTextPlugin
介绍webpack将所有静态资源都认为是模块,比如javascript,css,less,typescript,jsx,图片等等。webpack引入了加载器的loader,对除javascript之外的资源处理成模块。webpack的加载器之间可以进行串联,一个加载器的输出可以成为另一个加载器的输入。常用loader安装css/sass/less loader加载器cnpm instal...转载 2019-02-24 19:20:05 · 405 阅读 · 0 评论 -
webpack2--6区别环境&集成gulp
区分开发环境和生产环境集成 gulp 实现自动构建打包部署github 发布 前端自动化构建的项目模块项目结构说明 ├── gulpfile.js # gulp任务配置 ├── mock/ # 假数据文件 ├── package.json # 项目配置 ├── ...转载 2019-02-24 19:48:27 · 169 阅读 · 0 评论