webpack配置模块的查找范围

一般我们的入口文件会引入一下公共的样式文件，比如这样

import './style'

但是这个样式文件并不会生效呀，因为你的写法不对鸭，你要把文件的后缀名也要写

import './style.css'

为什么会这样了，这是因为commonJS文件查找的形式，一般会先找JS，再找JSON，再找文件，文件里面的index.js，反正就是很复杂，具体的去看看源码吧！

如何解决这个问题，就是在webpack的配置文件中配置

  resolve: {extensions: ['.js', '.json', '.css'] //  配置commonJS的查找范围}

按照指定的文件类型进行查找，这样就可以正确的找到我们需要的文件啦！所以有些时候报错时出现文件找不到，可能是这个原因哦

你学会了吗？点个赞吧！

转载于:https://www.cnblogs.com/wuxianqiang/p/10325882.html

webpack配置模块的查找范围相关推荐

webpack指定第三方模块的查找路径
通常我们会使用一些地方模块在我们的项目中,比如bootstrap import 'bootstrap' 导入的bootstrap默认会查找当前目录的node_modules文件,但是如果这个文件没有, ...
webpack对模块查找的优化
自定义模块指的是非核心模块,也不是路径形式的标识符.它是一种特殊的文件模块,可能是一个文件或者包的形式.这类模块的查找是最费时的,也是所有方式中最慢的一种. 模块路径是Node在定位文件模块的具体文件 ...
webpack打包生成的map文件_从这十几个方面优化你的 Webpack 配置
目录开发环境性能优化生产环境性能优化开发环境性能优化优化打包构建速度 HMR 优化代码调试 source-map HMR ❝ 概念:「HMR:」 hot module replacement ...
结合webpack配置_前端 Webpack 工程化的最佳实践
作者 | 阿里文娱前端开发专家芃苏责编 | 屠敏头图 | CSDN 下载自视觉中国引言 ▐ 前端构建工具的演变回想在2015-2016年的时候,开发者们开始渐渐把视线从大量使用Task Runn ...
六、Webpack详解学习笔记——webpack的安装、起步、配置、loader的使用、webpack中配置Vue、plugin的使用、搭建本地服务器、webpack配置的分离
一.认识webpack 什么是webpack? 这个webpack还真不是一两句话可以说清楚的. 我们先看看官方的解释: At its core, webpack is a static module ...
vue-cli脚手架中webpack配置基础文件详解
一.前言 vue-cli是构建vue单页应用的脚手架,输入一串指定的命令行从而自动生成vue.js+wepack的项目模板.这其中webpack发挥了很大的作用,它使得我们的代码模块化,引入一些插件帮 ...
结合webpack配置_呕心沥血编写的webpack多入口零基础配置【建议收藏】
最近在做项目的时候遇到了一个场景:一个项目有多个入口,不同的入口,路由.组件.资源等有重叠部分,也有各自不同的部分.由于不同入口下的路由页面有一些是重复的,因此我考虑使用 Webpack 多入口配置来 ...
分享：一篇webpack配置基础绝好文章
Webpack是目前基于React和Redux开发的应用的主要打包工具.我想使用Angular 2或其他框架开发的应用也有很多在使用Webpack. 当我第一次看到Webpack的配置文件时,它看起来 ...
Webpack配置实战
前言本篇将从实践出发,搭建一个基础的支持模块化开发的项目,在第二章节<进阶配置>中使用 webpack 搭建一个 SASS + TS + React 的项目. 一.基础配置接下来一起配 ...

webpack配置模块的查找范围

webpack配置模块的查找范围相关推荐

最新文章

热门文章