1. webpack 编译es module不依赖babel
一直认为凡是ES6的代码编译为ES5都是要通过babel,然后做了尝试,运行webpack首页代码,并没有配置babel,编译出来的代码照样可以跑,这里webpack的编译目标环境为web,(即是默认的目标环境,其他的环境还没测试),虽然es module不依赖babel,但是其他ES6的语法是要靠babel才能编译到ES5的。比如const =>
2. 文件名跟引用路径大小写不一致导致在linux构建报错
比如文件叫select.svg
,引用的路径
import { ReactComponent as Select } from '@/assets/svg/select.svg';
windows跟mac大小写不敏感,这么搞在本地构建是没问题的,但是到Linux服务器上部署就挂了,团队协作没法一个人一个人的去说明,只能一劳永逸了。
var CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
var webpackConfig = {
plugins: [
new CaseSensitivePathsPlugin()
// other plugins ...
]
错误的引用路径在开发的时候项目就报错,开心。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。