![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
A_one2010
欢迎广大前端爱好者及老司机光临指导!!
gitchina地址: https://git.oschina.net/A_one2010
gitHub地址: https://github.com/CodLee
csdn博客地址: http://blog.csdn.net/a_one2010
展开
-
webpack 打包异常 unhandledRejection 错误详情查看
在vue2/vue-cli2 项目开发中,引入三分插件时,有时会出现不明确的错误,但是打包时又没有给出明确的错误未知。此时,在build/build.js 内加入此段,打包时查看具体报错未知及报错信息方便调试。process.on('unhandledRejection', error => {console.error('unhandledRejection', error);process.exit(1)// To exit with a 'failure' code}...原创 2020-09-23 09:38:49 · 1413 阅读 · 0 评论 -
import * as 的聚合与分离
以为Es6,javascript第一次支持了module。ES6的模块化分为导出(export)与导入(import)两个模块,其中在项目中,我们会经常看到一种用法import * as obj from,这种写法是把所有的输出包裹到obj对象里。示例一:// index.jsexport function fn1(data){ console.log(1)}export function fn2(data){ console.log(2)}import * as...转载 2020-05-19 10:03:09 · 471 阅读 · 0 评论 -
webpack 相关配置
自动吊起浏览器 【open-browser-webpack-plugin】 安装包: open-browser-webpack-plugin, npm install open-browser-webpack-plugin 配置: 在webpack.config,js/webpack.dev.conf.js 配置文件里添加/*定义自动打开浏览器*/const OpenBrowserPlu...原创 2018-02-09 16:11:53 · 343 阅读 · 0 评论 -
webpack 打包后与index.html同级文件的配置
通常我们使用webpack-cli 进行项目打包,会打包一个文件夹,然后包含页面与资源,如下图static 文件夹包含了css,js,静态资源文件等等。此时我们想打包后将某个文件与index.html并级,该如何配置。找到项目的webpack配置项,build文件夹,webpack.dev.config.js ,找到CopyWebpackPlugin,添加对应的资源文件,...原创 2018-12-04 14:20:02 · 2974 阅读 · 0 评论 -
cross-env 多环境的配置
在项目开发过程中,往往需要我们配置多个环境,通常包括 开发、测试,生产等等,每个环境可能部署的服务器、对应的数据库都不相同,那么就需要我们针对不同的环境配置不同的参数,此时,就需要使用到全局环境变量。打开cli 项目:此处以vue-cli自动化构建项目为例。点开package.json文件,在script命令行中,往往会有这么几个命令"scripts": { "dev": ...原创 2018-12-04 14:30:37 · 4328 阅读 · 0 评论