webpack打包以及遇到的Configuration file found but no entry configured. Use --help to display the CLI option

最新推荐文章于 2021-11-18 19:35:19 发布
最新推荐文章于 2021-11-18 19:35:19 发布
阅读量1.5k 收藏 2
点赞数 1
分类专栏： Vue 文章标签： vue npm webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46071321/article/details/111998835
版权
本文介绍了webpack的基本使用，包括从webpack ./src/main.js ./dist/bundle.js的打包命令，到配置webpack.config.js文件，解决Configuration file found but no entry configured问题，以及npm run build的流程。还分享了在package.json中配置scripts脚本和安装本地webpack的方法，是webpack初学者的实用指南。
摘要由CSDN通过智能技术生成

首先清楚如下文件夹各自的作用：

  • dist文件夹：用于存放之后打包的文件

  • src文件夹：用于存放我们写的源文件
    main.js:项目的入口文件
    mathUtils.js:定义一些数学工具函数

  • index.html:浏览器打开展示的首页html

一、webpack ./src/main.js ./dist/bundle.js

在这里插入图片描述
这里main.js为入口函数
打包方式：
在这里插入图片描述

二、webpack

在这里插入图片描述
1.执行 npm init

  • package.json:通过npm init生成的，npm包管理的文件。

在这里插入图片描述之后会遇到：

最低0.47元/天 解锁文章
♚ Painting
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
webpack入门之配置(configuration)
蛐蛐的博客
07-31 232
文档：https://www.webpackjs.com/concepts/configuration/ 1.简介 webpack 的配置文件，是导出一个对象的 JavaScript 文件。 此对象，由 webpack 根据对象定义的属性进行解析。 webpack 配置是标准的 Node.js CommonJS 模块，你可以做到以下事情： 通过require导入其他文件 通过require使用 npm 的工具函数 使用 JavaScript 控制流表达式，例如?:操作符 对...
01-webpack打包
Ellison_d的博客
06-12 226
webpack打包及其问题 遇到的问题Configuration file found but no entry configured. Use --help to display the CLI option 首先先创建几个文件夹 dist 用来放打包后的文件 dundle.js webpack打包后的文件 src main.js 模块化导入的js文件 mathUtils.js 使用commonjs的模块导入规范 info.js 使用ES6模块化导入规范
webpack常用配置项配置文件介绍
aoyou3037的博客
08-08 410
一.webpack基础 1.在项目中生成package.json：在项目根目录中输入npm init，根据提示输入相应信息。（也可以不生成package.json文件，但是package.json是很有用的，所有建议生成） 2.安装webpaack a.在全局中安装webpack：npm install webpack -g b.将webpack安装到项目并将webpack写入p...
webpack打包错误：No configuration file found and no output filename configured via CLI option.
小北风的博客
01-25 3438
webpack打包报错：当我将webpack.config.js中的内容进行开发和运行分离后，又将webpack.config.js该文件删除，运行打包报如下错误: No configuration file found and no output filename configured via CLI option. A configuration file could be named ‘webpack.config.js’ in the current directory. 原因是，没有在packag
trying to install xdebug: configure file not found
happyrabbit456的专栏
11-14 1127
I am following these instructions to download xdebug: http://xdebug.org/wizard.php. The output of the wizard was this: Summary Xdebug installed: no Server API: Apache 2.0 Handler Windows: no Zend
webpack 报错 No PostCSS Config found 解决方案。
weixin_30381793的博客
05-18 255
webpack 报错 No PostCSS Config found 这个问题我在百度上找了好久，也没有找到解决方案，最后没有办法只能自己去啃官方文档，本案例在本人的webpack 学习感悟中已经写过，但是发现很多人还是没有找到答案，所以就将本问题整理为独立版本。本着互联网分享精神，现将本篇文件分享给大家。 本案例经过本人实测绝对好使。 文件地址http://pan.baidu.com/...
解决vue-cli项目webpack打包后iconfont文件路径的问题
10-18
在Vue.js开发中，使用Vue CLI创建的项目通常会依赖Webpack进行构建和打包。Webpack是一个模块打包工具，它能够将JavaScript、CSS、图片等资源文件转换并整合到一起，生成适合部署到生产环境的静态资源。然而，在实际...
深入理解基于vue-cli的webpack打包优化实践及探索
01-19
大家也是能够信手拈来的说出缓存、压缩文件、CSS雪碧图以及部署CDN等等各种方法，但是今天不一样了，可能你去面试问的就是，请问你是否知道webpack的打包原理，webpack的打包优化方法有哪些？所以该说不说的，笔者...
解决vue-cli webpack打包开启Gzip 报错问题
10-16
主要介绍了vue-cli webpack打包开启Gzip 报错问题的解决方法，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
解决vue-cli webpack打包后加载资源的路径问题
10-17
const ExtractTextPlugin = require('extract-text-webpack-plugin') ... rule: { test: /\.css$/, use: ExtractTextPlugin.extract({ fallback: 'style-loader', use: [{ loader: 'css-loader', options: { ...
vue-cli+webpack项目打包到服务器后,ttf字体找不到的解决操作
11-19
在使用Vue CLI和Webpack构建的项目中，遇到字体文件（如`.ttf`或`.woff`）在打包部署到服务器后无法找到的问题，这通常是因为文件路径配置不正确导致的。以下是一些关键知识点和解决方案： 1. **Webpack配置**： ...
webpack 报错 No PostCSS Config found 解决方案。
Littleree的博客
04-06 194
webpack 报错 No PostCSS Config found 解决方案。
关于ruby on rails启动服务器 Webpacker configuration file not found问题
qq_41462030的博客
03-25 534
1.在blog项目下新建webpacker.yml文件 2.将以下内容复制进去 #Note: You must restart bin/webpack-dev-server for changes to take effect default: &default source_path: app/packs source_entry_path: entrypoints public_root_path: public public_output_path: packs cache_path: tmp
webpack运行出错
qq_38967608的博客
07-24 838
原文：https://blog.csdn.net/za_az/article/details/55667627 问题： 在使用webpack时，出现 ERROR in Entry module not found: Error: Can't resolve 'babel' in '/home/blog-demo/blog-demo01'  BREAKING CHANGE: It's no lo...
webpack配置
大灰狼的小绵羊哥哥的博客
11-18 999
前言 本篇文章不只是搭建webpack5的项目，还有个更重要的目的是，为了在搭建过程中了解每个插件，loader的作用，为什么要使用这些东西，这些东西带来了什么。 我为本项目写了一个cli工具：fight-react-cli，想直接看最终结果的同学，安装一下这个cli工具，初始化一个项目就能查看全部的配置。 准备工作 首先我们创建一个项目webpack-demo，然后初始化npm，然后在本地安装webpack和webpack-cli： mkdir webpack-demo cd webpack-
解决logstash报错[ERROR][logstash.config.sourceloader] No configuration found in the configured sources.
巨魔战将
11-07 1万+
在做产品研发环境部署是，发现一个错，记录下来，以给遇到同样问题的筒子们 报错信息： [troll@standalone logstash-6.4.3]$ bin/logstash -f data-conf/zipkin-server.conf Sending Logstash logs to /var/log/logstash which is now configured via log4j2...
Linux系统grub常见错误问题解决
weiming886521365的专栏
12-15 1万+
<br />Linux在现在已经很强大了，导致Linux系统越来越受到电脑用户的欢迎，于是很多人开始学习Linux时，学习时你可能会遇到Linux系统grub常见错误问题，这里将介绍Linux系统grub常见错误问题的解决方法，让大家了解一下。<br />1:Filenamemustbeeitheranabsolutefilenameorblocklist<br />解释：1号错误表示文件名格式错误。在GRUB中要么是以绝对路径给出文件<br />例子：<br />grub>kernelvmlinuzroo
在spring boot项目中使用多个配置文件遇到的坑及最后的解决方式
热门推荐
白日梦想家的博客
05-31 4万+
我在自己的springboot项目中使用了多个配置文件，application.properties是主配置文件，放一些项目通用的配置，application-dev.properties 放的是平常开发的一些配置，比如说数据库的连接地址、帐号密码等，application-prod.properties 放的是生产环境的一些配置，比如说数据库的连接地址、帐号密码等，当然也可以再多一个applic...
Error: Config file not found: /usr/lib/jvm/java-9-openjdk-amd64/conf/management/management.propertie
同销万古愁的博客
07-22 1394
Linux系统安装hadoop，hadoop namenode -format时出现上述错误，参考了 http://www.bubuko.com/infodetail-2482245.html 的说法，可以创建软链接，但是我的解决方法是自己又下载安装了jdk，好像只有 openJDK才报这个错，所以我自己去下载了一个安装，解决了问题~...
No configuration file found and no entry configured via CLI option. When using the CLI you need to provide at least two arguments: entry and output. A configuration file could be named 'webpack.config.js' in the current directory. Use --help to display the CLI options.
最新发布
07-09
The error message suggests that no configuration file was found and no entry point was specified via the CLI option. To resolve this issue, you can try the following steps: 1. Make sure you have a ...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值