qq_28458369的博客

不同的环境应该编写不同的配置文件，为了不必在不同的配置文件里写重复的配置，我们提取相同的部分作为通用的配置文件，首先安装以下插件 npm install --save-dev webpack-merge 然后创建文件webpack.common.js，webpack.dev.js和webpack.prod.js分别表示通用配置文件，开发环境配置文件和生产环境配置文件。 webpack....

2个插件的使用简介： html-webpack-plugin：用于生成index.html替换我们原来的index.html npm install --save-dev html-webpack-plugin 在配置文件里配置如下：先引入再在plugin里实例化 具体可参考：https://github.com/jantimon/html-webpack-plugin或https:/...

学习链接：https://www.webpackjs.com/guides 在一个文件内运行命令npm init会生成package.json文件 npm init 运行以下命令： npm install --save-dev webpack npm install --save-dev webpack-cli 会更新package.json文件，以上的--save-...

source-map:用于追踪错误和警告具体在我们代码的哪个文件的哪行代码，使用方式是在配置文件里添加以下配置项 devtool: 'inline-source-map', 选择一个开发工具：可以在我们的代码发生变化时自动编译，不用我们每次都手动npm run dev，其中常用的是webpack-dev-server。 webpack's Watch Mode webpack-d...

前面简单构建了一个简单的demo，这一篇我们来学习webpack如何管理其他资源，如图片，css等 步骤：install对应的模块->在配置文件里配置规则->在需要的地方import资源->使用资源 （install相关模块才能import） 以下以加载css为例子 加载css 为了从 JavaScript 模块中import一个 CSS 文件，你需要在module...

1，首先创建一个文件夹，建议是插件的名称且小写，否则在发布插件时会失败 2，运行npm init -y 生成package.json文件 3，建立以下目录 4，安装基本的模块webpack, webpack-cli, lodash npm install --save-dev webpack lodash webpack-cli index.js import _ from ...

1.创建一个文件夹d3util 2，运行命令npm init -y，会出现package.json 文件 3, 由于我想把它传到github上去，所以我又多运行了一个命令git init,将项目初始化成一个项目（当然这一步不是必须的） 目前的结果是d3util里存在package.json文件和.git文件夹 4，开始安装依赖 a,安装eslint以检查语法和语法规范 npm i...

首先可以从https://github.com/fanqingyun/d3Util.git拉取dev分支下webpack的demo（记得切换到dev分支），具体可以参照上一篇，然后以下就可以整合vue了 安装依赖： 1， 安装vue npm i vue 2, 安装vue相关 npm install --save-dev vue-loader vue-style-loader vue-...