![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 87
mingqingyuefeng
分享关注我的公众号[畅学前端]
展开
-
Nodejs基础:路径处理模块path总结
模块概览在nodejs中,path是个使用频率很高,但却让人又爱又恨的模块。部分因为文档说的不够清晰,部分因为接口的平台差异性。将path的接口按照用途归类,仔细琢磨琢磨,也就没那么费解了。获取路径/文件名/扩展名获取路径:path.dirname(filepath)获取文件名:path.basename(filepath)获取扩展名:path.extname(fi转载 2017-07-17 16:33:55 · 328 阅读 · 0 评论 -
package.json 配置参数解释
package.json 配置参数解释,已包含package所有配置参数,package.json 配置参数很多,大部分并不是必须的,一般都是name、version、main、author、dependencies、devDependencies这几个参数package.json 配置参数解释,已包含package所有配置参数,package.json 配置参数很多,大部分并不是必须的,转载 2017-10-09 18:51:47 · 3928 阅读 · 0 评论 -
webpack中imports-loader,exports-loader,expose-loader的区别
Webpack有几个和模块化相关的loader,imports-loader,exports-loader,expose-loader,比较容易混淆。今天,我们来理一理。imports-loaders文档介绍的是:用于向一个模块的作用域内注入变量(Can be used to inject variables into the scope of a module.),官方的文档总是转载 2017-09-11 20:59:04 · 1099 阅读 · 0 评论 -
webpack解惑:require的五种用法
webpack中可以写commonjs格式的require同步语法,可以写AMD格式的require回调语法,还有一个require.ensure,以及webpack自己定义的require.include,再加上ES6的import语法,这么多岂不是会把人给搞乱。本篇就来梳理一下这些require各自的特点,以及都在什么场景下使用。commonjs同步语法经典的commonjs同转载 2017-08-14 16:52:32 · 949 阅读 · 0 评论 -
webpack和webpack-dev-server安装配置(遇到各种问题的解决方法)
目录安装配置步骤:1. 装好node和npm2. 全局安装webpack3. 建立项目,进入项目根目录4. 配置Webpack5. 在项目根目录运行webpack6. 配置webpack-dev-server: 跟着Webpack傻瓜式指南(一)这个教程在安装webpack和webpack-dev-server的时候遇到很多问题,查了很多终于一一找到解决转载 2017-07-19 15:47:09 · 2687 阅读 · 0 评论 -
Object.assign()
Object.assign() 方法用于将所有可枚举的属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。语法EDITObject.assign(target, ...sources)参数target目标对象。sources(多个)源对象。返回值目标对象。描述EDIT如果目标对象中的属性具有相同的键,则属性将被源中的属性覆盖。后来转载 2017-07-22 18:58:11 · 366 阅读 · 0 评论 -
Webpack 入门指南 - 1.安装
Webpack 是目前流行的打包工具,如何安装它呢?1. 安装 Node Js首先,Webpack 是基于 NodeJs 的工具,你必须首先安装 NodeJs. NodeJs 仅仅只需要在你的系统中安装一次就可以了。2. 全局安装 Webpack我们希望能够在系统的任何文件夹中使用 Webpack,使用的方式是通过 Webpack 命令来完成的,这需要我们全局安装转载 2017-05-08 10:20:27 · 533 阅读 · 0 评论 -
webpack CommonsChunkPlugin详细教程
1.demo结构:2.package.json配置:{ "name": "webpack-simple-demo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "webpack": "webpack" }, "author": "", "转载 2017-07-22 09:30:35 · 948 阅读 · 0 评论 -
webpack 插件: html-webpack-plugin
插件地址:https://www.npmjs.com/package/html-webpack-plugin这个插件用来简化创建服务于 webpack bundle 的 HTML 文件,尤其是对于在文件名中包含了 hash 值,而这个值在每次编译的时候都发生变化的情况。你既可以让这个插件来帮助你自动生成 HTML 文件,也可以使用 lodash 模板加载生成的 bundles,或者自己加载转载 2017-07-22 09:19:27 · 686 阅读 · 0 评论 -
extract-text-webpack-plugin 的使用及安装
extract-text-webpack-plugin该插件的主要是为了抽离css样式,防止将样式打包在js中引起页面样式加载错乱的现象;首先我先来介绍下这个插件的安装方法:npm install extract-text-webpack-plugin --save-dev首先进入项目的根目录,然后执行以上命令进行插件的安装,插件安装完成后,接下来我们要做的就是在webpack转载 2017-07-22 09:18:35 · 424 阅读 · 0 评论 -
模块使用记录学习——node-glob
一、node模块1、node-globnode的glob模块允许你使用*等符号,来写一个glob规则,像在shell里一样,获取匹配对应规则的文件。glob工具是基于JavaScript的,它使用了minimatch库来进行匹配。调用格式实例:var glob = require("glob")// options 是可选的glob("**/*.js", opti转载 2017-07-17 18:28:12 · 317 阅读 · 0 评论 -
webpack-config.js 内容讲解
当我们需要和后台分离部署的时候,必须配置config/index.js:用vue-cli 自动构建的目录里面 (环境变量及其基本变量的配置)var path = require('path')module.exports = {build: {index: path.resolve(__dirname, 'dist/index.html'),assetsRoot转载 2017-07-17 17:35:00 · 6118 阅读 · 0 评论 -
webpack.config.js 参数详解
webpack.config.js文件通常放在项目的根目录中,它本身也是一个标准的Commonjs规范的模块。var webpack = require('webpack');module.exports = { entry: [ 'webpack/hot/only-dev-server', './js/app.js' ], outpu转载 2017-07-17 17:28:19 · 280 阅读 · 0 评论 -
NodeJs中process.cwd()与__dirname的区别
process.cwd() 是当前执行node命令时候的文件夹地址 ——工作目录,保证了文件在不同的目录下执行时,路径始终不变__dirname 是被执行的js 文件的地址 ——文件所在目录Nodejs官方文档上的解释:process.cwd(): The process.cwd() method returns the current working directory of转载 2017-07-17 17:12:26 · 477 阅读 · 0 评论 -
Webpack执行命令参数详解
一、概述前面的章节我们讲解了webpack的安装、webpack.config.js的 基本配置、webpack执行命名以及require方法的使用,不 知道大家有没有发现,当我们每次修改或者新增一个js文件的时候,就会重新执行一下webpack 命令进行编译,这种方式非常的麻烦,这样整个项目下来岂不是要执行百万次。接下来我们会讲解webpack相关的参数,避免这个情况。二转载 2017-10-15 16:07:16 · 1618 阅读 · 0 评论