随笔分类 - webpack
摘要:方式1: webstorm 无法识别@ 符号问题[ctrl+左键无法跳转]解决: 创建vue项目,打开项目后,再进入webstorm配置页面[否则没有webpack选项] ctrl+alt+s[进入设置页面] -> language & frameworks -> javascript -> web
阅读全文
摘要:1. nvm安装及使用参照: https://www.cnblogs.com/sunbenbao/p/16587644.html Node版本管理器--nvm,可以运行在多种操作系统上。nvm for windows 是使用go语言编写的软件。分享下在此操作系统上nvm的安装和使用。 主要用途: 切
阅读全文
摘要:回顾 npm install 命令 最近在写Node程序的时候,突然对 npm install 的-save和-save-dev 这两个参数的使用比较混乱。其实博主在这之前对这两个参数的理解也是模糊的,各种查资料和实践后对它们之间的异同点略有理解。遂写下这篇文章避免自己忘记,同时也给node猿友一点
阅读全文
摘要:区别: 1 线下模式代码没有压缩,source-map是全的,比较容易定位错误,调试方便 2 线上模式的代码是压缩的,文件小, 分开打包: 方式一:有点麻烦 在package.json文件 建立线下配置文件 webpack.dev.js 建立线上配置文件 webpack.prod.js 方式二: 结
阅读全文
摘要:一,安装包 二 然后配置webpack.config.js中的module 三 然后在根目录的 .babelrc文件中配置 不在 .babelrc文件中配置也可以: https://babeljs.io/setup#installation 有关于webpack的一些安装配置 可以使的ES6语法变为
阅读全文
摘要:一.sourceMap: 是一个映射关系,如果出错可以知道实际文件行数出错 在webpack.config.js设置属性 devtool: 'source-map' 在生产环境可以设置为(提醒错误比较全面) devtool: 'cheap-module-eval-source-map' 在线上环境设
阅读全文
摘要:解决办法: 在package.json文件中加上这个 原文:https://www.cnblogs.com/guangzan/p/11264390.html
阅读全文
摘要:打包指定文件 index.js(局部安装webpack,所以用npx) 也可在webpack.config.js配置好入口文件,再打包 需要根据指定配置文件打包的话,需要指定配置文件 也可以简化打包代码,在package.json文件的script中写入命令 如:这里会直接在工程目录下先找命令,不存
阅读全文
摘要:全局安装(不推荐): 安装好后打印版本: webpack -v webpack-cli -v 卸载全局 项目安装:(不是全局) 打印版本(用全局方式行不通,因为nodejs首先在全局查找webpack),可以加上npx npx webpack -v npx webpack-cli -v 查询指定版本
阅读全文
摘要:在用户自定义处加上一个设置"emmet.triggerExpansionOnTab":true
阅读全文
摘要:首先输入命令来安装webpack-dev-server 在package.json文件中添加代码: 输入命令: 修改package.json文件其中的"scripts" 在webpack.config.js中添加target: 'web' 和最下面添加判断条件 const path = requir
阅读全文
摘要:继续在webpack.config.js中配置loader { test:/\.css$/, use: [ 'style-loader', 'css-loader' ] },{ test:/\.(jpg|svg|jpeg|png|gif)$/, use: [ { loader: 'url-loade
阅读全文
摘要:解决: npm install -g npm-install-peers npm install -g npm npm i ajv 但是好像没啥用
阅读全文
摘要:一、配置环境: 1.下载node.js,去官网上下载相应的版本。http://nodejs.cn 2.安装就是下一步下一步,检查是否安装成功,打开cmd。输入 node -v 会出现版本号。 3.推荐使用淘宝的镜像,国内比较慢。继续cmd里面输入 npm set registry https://r
阅读全文
摘要:https://www.cnblogs.com/yuqing6/p/7440549.html
阅读全文