【2018/04/02】学习小记

复习了webpack的一些基础~

--progress 带进度条

--watch 使用缓存

--colors 醒目标记

node_modules本地最好自己有一份(~ ̄(OO) ̄)ブ,要不然可能会找不一些东西(但是我很疑惑它不能自己去全局路径找吗...可能有的模块写的时候不是这样写的吧...),总之就是还是要养成好习惯吧...很容易就出现要重新安装模块的情况!可以用npm view xxx versions来看模块的版本,就自己手动添加到包里去吧...

报错一:

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.

看到不要慌张,因为是大红色的警告,(*Φ皿Φ*)吓了我一下。好吧,这个意思就是有个东西它不知道是啥,所以肯定什么称呼写错了。

module已废弃,用rules代替。代码后缀test->use相应的loader

		rules: [
           {
           	test: /\.css$/,
            use: "style-loader!css-loader"
           }
		]

给出了一个警告:

WARNING in configuration
The ‘mode‘ option has not been set, webpack will fallback to ‘production‘ for this value. Set ‘mode‘ option to ‘development‘ or ‘production‘ to enable defaults for each environment.

然后发现有东西没有配置,不过打包还是成功了。

因为没有在Pakage.json里面配置开发模式:

"scripts": {
  "dev": "webpack --mode development",
  "build": "webpack --mode production"
}

在webpack.config.js里面加上一个mode:XXX的配置。具体看:https://webpack.js.org/concepts/mode/

然后Pakage.json还可能会出现奇怪的语法错误:

 SyntaxError: Unexpected token   in JSON at position 161

检查一下是不是,打多了,或者空格符号不对,空格真的好难发现惹。

原文地址:https://www.cnblogs.com/rimochiko/p/8693030.html

时间: 2024-11-10 19:49:48

【2018/04/02】学习小记的相关文章

2018.04.01学习笔记

1.js函数没有重载,如果定义两个名字相同的函数,则该名字属于后定义的函数 function fun3(){ console.log("first"); } function fun3(){ console.log("second"); } fun3();//输出second 2.不能基本给基本类型的值添加属性,尽管这样做不会导致任何错误 3.js中所有函数的参数都是按值传递的,也就是说基本类型的参数的改变不会影响它原来的的值 4.调用typeof操作符,后面不用括

20172319 2018.04.11 《Java程序设计教程》第7周课堂测验(补写博客)

20172319 2018.04.11 <Java程序设计教程>第7周课堂测验 课程:<程序设计与数据结构> 班级:1723 学生:唐才铭 学号:20172319 指导老师:王志强 日期:2018.04.11 必修/选修:必修 目录 测试内容 测试要求 实验步骤 前期准备 需求分析 代码实现及解释 程序运行结果及代码截图 测试过程及遇到的问题 参考资料 测试内容 完成编程项目PP7.4:具体参考<java程序设计教程>(第八版) Compareble接口的实现 测试要求

git 学习小记之记住https方式推送密码

昨天刚刚学了点git基础操作,但是不幸的是[email protected]给出公告说尽量使用 https 进行操作.可是在用 https 进行 push 时,都需要输入帐号和密码. 各种百度谷歌之后在[email protected]官网找到了解决方法<https方式使用[email protected]设置密码的方式>文中给出了几个方法,并且都非常简单. 关于 cache 缓存方式,我不太喜欢,因为要设置时间,而且会过期.而 store 相应的非常方便,设置全局后,方便多个库使用.当然如果

linux学习小记 (一 )

shell 学习小记: 注意:多看系统脚本  多模仿    su切换用户时需要输入目标用户密码,root(superuser)切换到任何用户都不需要输入密码,- 参数必须要是最后一个(su huhu -) sudo需要输入当前用户密码,拥有sudo特权的用户可以执行 "sudo su -"命令,使用自己的密码切换到root用户 , 所以应该在/etc/sudoers 文件中禁止 sudo 执行su命令 linux文件与颜色: /etc/DIR_COLORS   (命令dircolors

2015.11.02 学习 Ubuntu下安装gosublime插件及其配置

2015.11.02 学习 Ubuntu下安装gosublime插件及其配置 1.Ctrl+shift+P 打开package control 输入pcip 回车 2.出现的框中输入gosublime,回车 3.preferences---package setting--gosublime--setting default 打开后在env{}中添加GOROOT和GOPATH 4.保存后全部复制到preferences---package setting--gosublime--setting

logstash 学习小记

logstash 学习小记 标签(空格分隔): 日志收集 Introduce Logstash is a tool for managing events and logs. You can use it to collect logs, parse them, and store them for later use (like, for searching). – http://logstash.net 自从2013年logstash被ES公司收购之后,ELK stask正式称为官方用语.非

js 正则学习小记之匹配字符串优化篇

昨天在<js 正则学习小记之匹配字符串>谈到 /"(?:\\.|[^"])*"/ 是个不错的表达式,因为可以满足我们的要求,所以这个表达式可用,但不一定是最好的.从性能上来说,他非常糟糕,为什么这么说呢,因为 传统型NFA引擎 遇到分支是从左往右匹配的,所以它会用 \\. 去匹配每一个字符,发现不对后才用 [^"] 去匹配.比如这样一个字符串: "123456\'78\"90"共 16 个字符,除了第一个 " 直接

js 正则学习小记之匹配字符串

原文:js 正则学习小记之匹配字符串 今天看了第5章几个例子,有点收获,记录下来当作回顾也当作分享. 关于匹配字符串问题,有很多种类型,今天讨论 js 代码里的字符串匹配.(因为我想学完之后写个语法高亮练手,所以用js代码当作例子) var str1 = "我是字符串1哦,快把我取走", str2 = "我是字符串2哦,快把我取走"; 比如这样一个字符串,匹配起来很简单 /"[^"]*"/g 即可. PS: 白色截图是 chrome 3

Win7和Ubuntu14.04.02双系统下,默认启动系统修改

目的:在Win7下安装好Ubuntu14.04.02后,关机重启就直接跳转到了Ubuntu登陆界面,而由于通常情况下,我们希望自己能自主选择,因此需要对默认启动项进行修改. 注意:在Linux 中可在终端输入 sudo fdisk -l 回车,输入开机密码(默认不可见),回车,便能得到目的机器上所有硬盘个数和设备信息. 通过上面的方法我们可以得到目的机器上的win7系统的序号,也就是所对应/dec/sda??,这里问号所代表的的数字. 如下图所示,boot项对应为*的/dev/sda1即为该目的