webpack-项目打包-配置两个打包入口

最新推荐文章于 2022-03-11 10:59:18 发布
最新推荐文章于 2022-03-11 10:59:18 发布
阅读量6.1k 收藏
点赞数 1
分类专栏： vue 文章标签： webpack vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fxinn/article/details/109527503
版权

multi (webpack)-dev-server/client?http://192.168.34.90:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js Module not found: Error: Can't resolve './src/main.js'

Error: Can't resolve './src/main.js'

翻译：在vue.config.js里面写的  配置文件打包入口 的参数没起效果

原因：文件名对吗？文件在根目录下吗？⭐生产环境与上线环境的判断写对了吗？

错误点：判断写错了。我是个马大哈啊呜呜呜 o(TヘTo)。

正版：process.env.NODE_ENV === 'development'

错版：process.env_NODE_ENV。 把 . 写成了 _

fina_
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue项目启动_highcharts_sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main---SpringCloud工作笔记203
添柴程序猿的专栏
04-16 208
解决方法就是,去一个可以运行的正常的node_modules文件夹中把这个文件夹copy过来,覆盖掉,或者把这个文件删除,然后去web storm中的终端的位置,然后执行:npm install。先说一下解决方法:其实就是:highcharts这个插件有问题,这个插件损坏了,应该是由于。这个错误是我在ruoyi-ui项目中,执行npm run dev的时候报错的信息.网络不好,导致有些文件下载了一半出现了故障.网上找的解决方法都不对,所以要记录一下。再重新下载保证网络没问题就可以了.
webpack-dev-server实现项目热部署
ZZY1078689276的专栏
11-10 2629
文章目录webpack-dev-server作用修改源码 webpack-dev-server作用   我们在修改了项目代码以后需要不断的重新执行webpack命令，重新打包然后回到浏览器去刷新页面，这种开发效率很低下，所以说为了省去这部分没必要的操作，因而我们在这里要使用webpack-dev-server来实现当代码更新时项目的自动打包发布，刷新浏览器页面的操作。   这一篇文章是在上一篇文章...
@ multi (webpack)-dev-serverclienthttplocalhost8080 webpackhotdev-server .srcmain.js
m0_67390963的博客
03-11 1691
百度了很多次 大多数都要让运行命令 npm install babel-plugin-transform-vue-jsx --save-dev 可是对我来说还是不行 所以就有了以下方法 原本的文件名 .babelrc { "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] .
webpack-dev-server使用方法
02-03 2235
webpack-dev-server使用方法 首先来回顾以下webpack的内容 首先，我们来看看基本的webpack.config.js的写法 const path=require('path') //这个配置文件，其实就是一个JS文件，通过Node中的模块操作，向外暴露了一个配置对象 module.exports={ //在配置文件中需要手动指定入口和出口 entry:path.join(__dirname,'./src/main.js'),//入口，表示要使用webpack打包哪个文件
vuecli启动的服务器位置,webpack – 在vue cli 3生成的项目中启动dev服务器
weixin_29103603的博客
08-11 651
我使用npm i -g @ vue / cli在我的Windows系统上全局安装了vue cli 3.然后我使用vue create vue-project生成了一个项目我通过提示选择了所需的插件.这创造了一个vue-projject起泡器.然后我将目录更改为该文件夹并运行npm run serve命令.但我得到以下错误PS E:\rk\workspace\vue-project> npm ...
在进行vue-cli-service serve命令时报错:multi (webpack)-dev-server/client
XuJiaKai的博客
06-30 2524
在使用vue create xxx创建出xxx的vue项目后 修改了main.js和App.vue这两个文件 具体两个文件修改为如下: main.js: import { createApp } from 'vue' import App from './App.vue' createApp(App).mount('#app') App.vue: <template> <div> <div>请<span>您</span>输
vue 解决uglifyjs-webpack-plugin打包出现报错的问题
10-14
这段代码会告诉`babel-loader`去处理`animejs`和`vue-particles`这两个库的ES6代码，从而解决`uglifyjs-webpack-plugin`的报错问题。 总结来说，当遇到`uglifyjs-webpack-plugin`打包Vue项目时的ES6语法错误，应...
webpack-使用webpack-dev-server.rar
04-12
`webpack-dev-server` 是 Webpack 提供的一个本地开发服务器，它极大地提高了前端开发效率，因为它提供了实时重载（live reloading）和热模块替换（hot module replacement）等功能。 **实时重载（Live Reloading）...
web-webpack-plugin：替代html-webpack-plugin
02-03
web-webpack-plugin 想全面学习Webpack？试试它： 不错替代品，可以使webpack将HTML用作条目并处理多页。 安装 npm i web-webpack-plugin --save-dev const { WebPlugin , AutoWebPlugin } = require ( 'web-...
vue项目中的webpack-dev-sever配置方法
08-28
下面小编就为大家分享一篇vue项目中的webpack-dev-sever配置方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
html-webpack-externals-plugin：与html-webpack-plugin一起使用以使用预先打包的供应商捆绑包的Webpack插件
02-06
这个插件非常简单，只是封装了另外两个Webpack插件来完成繁重的工作。 它： 在运行时修改Webpack配置，以将供应商模块添加到属性。 运行将您的供应商模块资产复制到输出路径。 运行将您的供应商模块捆绑包添加到...
Webpack报错
lalala1016的博客
01-07 2911
问题 * ./src/main.js in multi (webpack)-dev-server/client?http://192.168.106.97:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js 报错截图如下 解决方案 在执行npm run serve时出现了这个问题，网上的那些解决方案在我这都行不通，这个项目是我的负责人给我做的第一个项目，拿到手之后发现运行不出来，请教一番后发现是路径错了！！！！
ERROR in multi (webpack)-dev-server/client?http://localhost:8080 ./src Module not found: Error: C...
热门推荐
weixin_40664145的博客
11-14 2万+
目录出错现象报错信息出错原因解决方案 出错现象 这个错误是我在用vue-cli中使用webpack打包的时候，进行环境分离操作，将webpack.config.js分成三个包 webpack.common.js webpack.dev.js webpack.prod.js 之后启动npm run serve（也就是webpack-dev-server --open）的时候报的错误，package.json文件是下面这样 "scripts": { "serve": "webpack-dev-ser
webpack 入门
力谱云
05-13 269
1. 什么是webpack官网介绍：webpack是一个模块打包器。webpack 处理带有依赖关系的模块，生成一系列表示这些模块的静态资源。(webpack is a module bundler.webpack takes modules with dependencies and generates static assets representing those modules.)。web...
关于Webpack详述系列文章 （第二篇）
weixin_33713350的博客
06-05 222
1.缩小文件搜索范围 1.1.1 include & exclude module:{ rules:[ { test:/\.js$/, use:['babel-loader?cacheDirectory'], include:...
Vue-node运行报错--- @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-
weixin_45605654的博客
07-31 1万+
Vue-node运行报错— @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js 如果说不是软件安装错误，之前项目可以运行，然而这次报错，运行报错和运行界面是 @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/ho
npm run dev 报错
张思阳的博客
08-02 1万+
npm run dev报错内容： ERROR Failed to compile with 2 errors 11:16:13 This dependency was not found: * /Us...
node-sass版本过高
HELLOWORLD!
10-27 907
INFO Starting development server... 98% after emitting CopyPlugin ERROR Failed to compile with 2 errors ..
从零开始学VUE之Webpack(搭建本地服务器并分离开发和生产配置)
彼岸舞的博客
06-07 560
webpack提供了一个可选的本地开发服务器,这个本地服务器是基于Nodejs搭建的,内部使用express框架,可以实现我们想要的让浏览器自动刷新显示我们修改代码后的结果 不过他是一个单独的模块,在webpack中使用需要安装 npm install --save-dev webpack-dev-server@2.9.3 devserver也是作为webpack中的...
使用terser-webpack-plugin打包出错
最新发布
05-19
使用 terser-webpack-plugin 打包出错可能有很多原因，以下是可能的一些解决方案： 1. 确认使用的 terser-webpack-plugin 版本是否和 webpack 版本兼容。 2. 检查代码中是否有语法错误、未定义的变量等问题，这些问题可能会导致 terser-webpack-plugin 打包失败。 3. 确认 webpack 配置文件中是否正确地引入了 terser-webpack-plugin，并且配置了相关参数，例如：optimization.minimizer 中添加了 new TerserPlugin()。 4. 尝试升级或降级 terser-webpack-plugin 版本，有些版本可能存在 bug 或兼容性问题。 5. 如果还是无法解决问题，可以尝试使用其他的 JavaScript 压缩工具，例如 UglifyJS、Closure Compiler 等来代替 terser-webpack-plugin 进行打包。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值