关于修改项目node-module里的js文件修改后影响打包吗以及修改js正规的步骤

1.关于修改项目node-module里的js文件修改后不影响打包

 对于js、css项目(比如webpack打包的),不论是依赖,还是dev依赖,在线上都不用部署这些,因为遇到require和import的语句,webpack会帮您打包模块进去,线上服务器连nodejs的程序都不用安装,js是丢给浏览器解析的。
 
 注:如果修改后无效, 则检查下 node_modules 模块里面的 package.json 文件的 main 配置 这是入口文件,从这个里面修改 因为很多 node_modules 包里面既有源码又有编译后的代码

2.修改node-module里依赖的js正规的方法

不建议你直接修改 node_modules 里面的模块 下次更新就会被覆盖
一般方法为
1.下载别人代码到本地,放在src目录,修改后手动引入。
2.fork别人的代码到自己仓库,修改后,从自己仓库安装这个插件。(修改之后,执行 npm install https://github.com///tarball/master 来安装)
3.可参考https://blog.csdn.net/LuckyWinty/article/details/107724581 提供的方法

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Node.js中,你可以使用工具如Webpack或Parcel来打包多个JSX文件为多个对应的JS文件。以下是一个使用Webpack的示例: 首先,确保你已经在项目中安装了Webpack及相关的Babel依赖: ```bash npm install webpack webpack-cli babel-loader @babel/preset-react --save-dev ``` 然后,在项目的根目录下创建一个Webpack配置文件 `webpack.config.js`,并添加以下内容: ```javascript const path = require('path'); module.exports = { entry: { app1: './src/app1.jsx', app2: './src/app2.jsx', // 添加更多的入口文件 }, output: { path: path.resolve(__dirname, 'dist'), filename: '[name].js', }, module: { rules: [ { test: /\.jsx?$/, exclude: /node_modules/, use: { loader: 'babel-loader', options: { presets: ['@babel/preset-react'] } } } ] }, }; ``` 在上述配置中,我们定义了多个入口文件,每个入口文件对应一个输出文件。使用`[name]`占位符可以根据入口文件的名称生成对应的输出文件名。 接下来,你可以运行Webpack命令来进行打包: ```bash npx webpack --config webpack.config.js ``` 上述命令将会根据Webpack配置文件进行打包,并生成多个对应的JS文件。这些JS文件将会存储在指定的输出路径(在配置中定义的`dist`目录)中。 请注意,上述示例中使用了Babel及其相关的Webpack加载器,以便将JSX转换为普通的JavaScript。你需要确保已经在项目中安装了相应的Babel依赖(如之前提到的`@babel/preset-react`)并进行了正确的配置。 类似的,使用Parcel等其他打包工具也可以实现类似的效果,只是配置方式可能会有所不同。你可以根据自己的需求选择合适的工具和配置方式来进行打包
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值