转载
2017-12-21 13:07:00
158阅读
2评论
Webpack 在执行的时候，除了在命令行传入参数，还可以通过指定的配置文件来执行。默认情况下，会搜索当前目录的 webpack.config.js 文件，这个文件是一个 node.js 模块，返回一个 json 格式的配置信息对象，或者通过 --config 选项来指定配置文件。 继续我们的案例，
转载
2017-04-24 19:21:00
160阅读
我们在打包JS文件的时候需要输入: npx webpack index.js, 这句指令的含义是: 利用 webpack 将 index.js 和它依赖的模块打包到一个文件中, 其实在 webpack 指令中除了可以通过命令行的方式告诉 webpack 需要打包哪个文件以外, 还可以通过配置文件的方
原创
2020-11-22 13:01:00
230阅读
vue项目webpack打包后修改配置文件
从webpack打包结构中我们知道，vue中有一个存放外部资源的文件夹static，它里面的文件是不会被打包编译的，所以我们就可以利用外部引入js的方式将我们的想要的数据在index.html中以js文件的方式引入，然后就可以全局使用。具体的方法如下：1.在项目中找到static文件夹，在里面创建一个配置文件，起名为config
转载
2021-05-10 22:36:24
2957阅读
2评论
const path = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = env => { let appName = 'pk'; return { //devtool: env?'':'source-map', ...
原创
2023-03-02 17:04:10
127阅读
配置文件的名称必须叫做: webpack.config.js, 否则直接输入 npx webpack 打包会出错，如下图我把 webpack 的文件名字改为了 bntang.js 且运行了 npx webpack 效果如下图所示 如果要使用其它名称, 那么在输入打包命令时候必须通过 --config
原创
2020-11-22 16:05:00
101阅读
区分开发环境和线上环境 开发阶段 在开发阶段我们为了提升运行效率以及调试效率, 一般会通过 dev-server 来打包, 在开发阶段我们为了提升打包效率, 不会对打包的内容进行压缩 上线阶段 在上线阶段我们需要拿到真实的打包文件, 所以不会通过 dev-server 来打包，在上线阶段我们为了提升
原创
2021-11-21 21:53:00
170阅读
参考方案一作为一个兼职前端和运维的java程序员，今天我司测试人员提出了一个需求，当后台服务地址ip地址改变后，webpack打包的VUE项目得更改地址重新打包，太麻烦了，最好可以读取外部配置文件的域名，灵活部署。 这不是在刁难我胖虎吗，后来我在网上查资料，发现有解决思路，具体详细的解决方案没有，在 ...
转载
2021-09-04 16:58:00
1628阅读
2评论
参考方案一作为一个兼职前端和运维的java程序员，今天我司测试人员提出了一个需求，当后台
原创
2023-05-26 05:21:59
56阅读
个人github：https://github.com/qiilee 欢迎follow2017-09-11更新：更新到webpack 2.6.1所对应的配置，完善部分代码注释。由于最近在vue-cli生成的webpack模板项目的基础上写一个小东西，开发过程中需要改动到build和config里面一些相关的配置，
转载
2022-02-11 17:50:01
123阅读
个人github：https://github.com/qiilee 欢迎follow2017-09-11更新：更新到webpack 2.6.1所对应的配置，完善部分代码注释。由于最近在vue-cli生成的webpack模板项目的基础上写一个小东西，开发过程中需要改动到build和config里面一些相关的配置，所以刚好趁此机会将所有配置文件看一遍，理一理思路，也便于以后修改配置的时...
转载
2021-08-02 14:55:48
241阅读
点赞
由于最近在vue-cli生成的webpack模板项目的基础上写一个小东西，开发过程中需要改动到build和config里面一些相关的配置，所以刚好趁此机会将所有配置文件看一遍，理一理思路，也便于以后修改配置的时候不会“太折腾”。 一、文件结构本文主要分析开发（dev）和构建（build）两个过程涉及
转载
2019-08-13 15:04:00
52阅读
文章目录前言一、分离说明1. webpack.config.js 名称固定2. 生产环境和开发环境三、分离内容1. 分离插件依赖：webpack-merge2. webpack.base.config.js3. webpack.dev.config.js4. webpack.prod.config.js5. 修改packa
原创
2022-12-30 17:35:06
506阅读
1、项目根目录初始化package.json: npm init2、下载css与style的loader配置webpack中的css解析npm install css-loader style-loader --save-dev3、下载babel，webpack配置es6语法npm install babel-core babel-loader babel-plugin-transform-
原创
2022-11-20 00:41:19
101阅读
Webpack 在执行的时候，除了在命令行传入参数，还可以通过指定的配置文件来执行。默认情况下，会搜索当前目录的 webpack.config.js 文件，这
原创
2024-05-08 11:43:02
163阅读
2017-09-11更新：更新到webpack 2.6.1所对应的配置，完善部分代码注释。 由于最近在vue-cli生成的webpack模板项目的基础上写一个小东西，开发过程中需要改动到build和config里面一些相关的配置，所以刚好趁此机会将所有配置文件看一遍，理一理思路，也便于以后修改配置的
转载
2017-11-15 16:03:00
66阅读
2评论
前言 如果我们想在webpack中使用vue，就需要在webpack中配置vue 配置vue 首先，我们需要在项目中安装vue，安装命令如下： npm install vue --save 安装完成后，我们在主入口main.js文件中导入vue并创建一个实例 import Vue from 'vue
原创
2021-07-13 11:05:34
277阅读
webpack的config文件配置--(webpack.config.js) 基本模板格式如下 其rules中需要的插件需要npm下载 /* webpack.config.js webpack的配置文件 作用: 指示 webpack 干哪些活（当你运行 webpack 指令时，会加载里面的配置） ...
转载
2021-10-20 19:51:00
570阅读
2评论
环境变量 .env文件访问现在的前端项目都是用 Node 来作为辅助开发工具，而 process 是 Node.js 中的 一个全局变量，提供来有关当前 Node.js 进程的信息并对其进行控制。而 process 中的 env 则是返回包含用户环境的对象。 通俗点说，就是可以通过 process.env 拿到当前项目运行环境的信息。console.log("环境变量：",process.env)
转载
2024-06-10 10:23:31
81阅读
文章目录前言特别注意:一、外挂JS配置文件1. 创建config.js2. 导入config.js到index.html3. 使用config.js中的变量二、外挂json配置文件1.准备工作2. 配置vue.config.js3.读入数据总结 前言前端开发过程中，会有很多关键性的、易改动的常量，例如：后台url、 第三方登录的url等其他第三方链接地址，它们都是很容易更改的常量。 要是我们把这
