2018/04/02学习小记

Posted 2020-10-29 年糕君の勉强笔记

复习了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

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