likes
comments
collection
share

webpack 相关

作者站长头像
站长
· 阅读数 19

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 ...
    ]

错误的引用路径在开发的时候项目就报错,开心。