webpack使用记录

如何解决无法找到对应模块的问题

前提:webpack + babel + react 项目中
文件路径结构:

  1. ./components/ActList.jsx
  2. ./compenents/index.js

index.js 代码:

  1. import ActList from './ActList'

错误提示如下

  1. Module not found: Error: Cannot resolve 'file' or 'directory'

解决方案:
webpack.config.js 文件添加如下配置

  1. resolve: {
  2. extensions: ['', '.js', '.jsx']
  3. }

如果你是使用CoffeeScript,请添加’.coffee’,如果是写TypeScript,请添加’.ts’

  1. resolve: {
  2. extensions: ['', '.js', '.jsx', '.coffee', '.ts']
  3. }

参考官网配置说明webpack configuration resolve

如何提供开发过程中webpack编译速度

  1. devtool 选择eval模式 webpack devtool
    devtool: ‘eval’