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.htmlnpm 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, lodashnpm install --save-dev webpack lodash webpack-cliindex.jsimport _ from ...

1.创建一个文件夹d3util2，运行命令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， 安装vuenpm i vue2, 安装vue相关npm install --save-dev vue-loader vue-style-loader vue-...