首页
学习
活动
专区
工具
TVP
发布

#webpack

webpack 是一个模块打包器。webpack 处理带有依赖关系的模块,生成一系列表示这些模块的静态资源。

使用webpack不排除node_modules的某一个库?

一凡sir

壹梵在线 · 架构师 (已认证)

在腾讯、360以及创业公司yifan-online.com的经历,擅长高并发高可用的分布式系统设计。
这个问题可能由几个原因造成。以下是一些可能的原因: 配置错误:你的babel配置可能不正确,导致转码没有生效。你应该确保在.babelrc文件或者Webpack配置中正确设置了转码选项。 设置错误的目标环境:你的.babelrc文件或者Webpack配置中可能将目标环境设置为es2015或更高版本,而不是es5。你应该将目标环境设置为es5,以确保转码支持低版本浏览器。 缺少对应的插件:你的babel配置可能缺少必要的插件,以支持特定的ES6功能。你可以查看你的代码中使用的ES6功能,并在babel配置中添加相应的插件。 检查是否已正确安装babel:你需要确保已经正确安装了babel及其相关的依赖包。你可以通过运行"npm install babel babel-cli babel-core"等命令来安装必要的包。... 展开详请

项目引入腾讯会议SDK,webpack打包时遇到以下错误,请问何解?

'use strict' process.env.BABEL_ENV = 'main' const path = require('path') const { dependencies } = require('../package.json') const webpack = require('webpack') const MinifyPlugin = require("babel-minify-webpack-plugin") let mainConfig = { entry: { main: path.join(__dirname, '../src/main/index.js') }, externals: [ ...Object.keys(dependencies || {}) ], module: { rules: [ { test: /\.js$/, use: 'babel-loader', exclude: /node_modules/ }, { test: /\.node$/, use: 'node-loader' } ] }, node: { __dirname: process.env.NODE_ENV !== 'production', __filename: process.env.NODE_ENV !== 'production' }, output: { filename: '[name].js', libraryTarget: 'commonjs2', path: path.join(__dirname, '../dist/electron') }, plugins: [ new webpack.NoEmitOnErrorsPlugin() ], resolve: { extensions: ['.js', '.json', '.node'] }, target: 'electron-main' } /** * Adjust mainConfig for development settings */ if (process.env.NODE_ENV !== 'production') { mainConfig.plugins.push( new webpack.DefinePlugin({ '__static': `"${path.join(__dirname, '../static').replace(/\\/g, '\\\\')}"` }) ) } /** * Adjust mainConfig for production settings */ if (process.env.NODE_ENV === 'production') { mainConfig.plugins.push( new MinifyPlugin(), new webpack.DefinePlugin({ 'process.env.NODE_ENV': '"production"' }) ) } module.exports = mainConfig 可以参考下webpack --progress --colors --config .electron-vue/webpack.main.config.js package.json { "version": "1.0.0", "author": "", "description": "a vue-electron project", "license": null, "main": "./dist/electron/main.js", "scripts": { "build": "node .electron-vue/build.js && electron-builder", "build:dir": "node .electron-vue/build.js && electron-builder --dir", "build:clean": "cross-env BUILD_TARGET=clean node .electron-vue/build.js", "build:web": "cross-env BUILD_TARGET=web node .electron-vue/build.js", "dev": "node .electron-vue/dev-runner.js", "pack": "npm run pack:main && npm run pack:renderer", "pack:main": "cross-env NODE_ENV=production webpack --progress --colors --config .electron-vue/webpack.main.config.js", "pack:renderer": "cross-env NODE_ENV=production webpack --progress --colors --config .electron-vue/webpack.renderer.config.js", "postinstall": "" }, "build": { "directories": { "output": "build" }, "files": [ "dist/electron/**/*" ], "dmg": { "contents": [ { "x": 410, "y": 150, "type": "link", "path": "/Applications" }, { "x": 130, "y": 150, "type": "file" } ] }, "mac": { "icon": "build/icons/icon.icns" }, "win": { "icon": "build/icons/icon.ico" }, "linux": { "icon": "build/icons" } }, "dependencies": { "ant-design-vue": "^1.7.8", "axios": "^0.18.0", "bindings": "~1.5.0", "element-ui": "^2.15.6", "net": "^1.0.2", "node-addon-api": "~3.0.2", "vue": "^2.5.16", "vue-electron": "^1.0.6", "vue-router": "^3.0.1", "vuex": "^3.0.1", "vuex-electron": "^1.0.0", "webworker": "^0.8.4" }, "devDependencies": { "ajv": "^6.5.0", "babel-core": "^6.26.3", "babel-loader": "^7.1.4", "babel-plugin-transform-runtime": "^6.23.0", "babel-preset-env": "^1.7.0", "babel-preset-stage-0": "^6.24.1", "babel-register": "^6.26.0", "babel-minify-webpack-plugin": "^0.3.1", "cfonts": "^2.1.2", "chalk": "^2.4.1", "copy-webpack-plugin": "^4.5.1", "cross-env": "^5.1.6", "css-loader": "^0.28.11", "del": "^3.0.0", "devtron": "^1.4.0", "electron": "^11.1.1", "electron-debug": "^3.0.1", "electron-devtools-installer": "^2.2.4", "electron-builder": "^20.19.2", "mini-css-extract-plugin": "0.4.0", "file-loader": "^1.1.11", "fs-extra": "^9.0.1", "html-webpack-plugin": "^3.2.0", "listr": "^0.14.3", "node-loader": "^0.6.0", "node-sass": "^6.0.1", "sass-loader": "^7.0.3", "style-loader": "^0.21.0", "url-loader": "^1.0.1", "vue-html-loader": "^1.2.4", "vue-loader": "^15.2.4", "vue-style-loader": "^4.1.0", "vue-template-compiler": "^2.5.16", "webpack-cli": "^3.0.8", "webpack": "^4.15.1", "webpack-dev-server": "^3.1.4", "webpack-hot-middleware": "^2.22.2", "webpack-merge": "^4.1.3" } } 图片 去掉这个报错跟你一样 ERROR in ./src/main/wemeet_sdk/win/x64/wemeet_electron_sdk.node 1:2 Module parse failed: Unexpected character '�' (1:2) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders (Source code omitted for this binary file) @ ./src/main/index.js 15:13-69... 展开详请
'use strict' process.env.BABEL_ENV = 'main' const path = require('path') const { dependencies } = require('../package.json') const webpack = require('webpack') const MinifyPlugin = require("babel-minify-webpack-plugin") let mainConfig = { entry: { main: path.join(__dirname, '../src/main/index.js') }, externals: [ ...Object.keys(dependencies || {}) ], module: { rules: [ { test: /\.js$/, use: 'babel-loader', exclude: /node_modules/ }, { test: /\.node$/, use: 'node-loader' } ] }, node: { __dirname: process.env.NODE_ENV !== 'production', __filename: process.env.NODE_ENV !== 'production' }, output: { filename: '[name].js', libraryTarget: 'commonjs2', path: path.join(__dirname, '../dist/electron') }, plugins: [ new webpack.NoEmitOnErrorsPlugin() ], resolve: { extensions: ['.js', '.json', '.node'] }, target: 'electron-main' } /** * Adjust mainConfig for development settings */ if (process.env.NODE_ENV !== 'production') { mainConfig.plugins.push( new webpack.DefinePlugin({ '__static': `"${path.join(__dirname, '../static').replace(/\\/g, '\\\\')}"` }) ) } /** * Adjust mainConfig for production settings */ if (process.env.NODE_ENV === 'production') { mainConfig.plugins.push( new MinifyPlugin(), new webpack.DefinePlugin({ 'process.env.NODE_ENV': '"production"' }) ) } module.exports = mainConfig 可以参考下webpack --progress --colors --config .electron-vue/webpack.main.config.js package.json { "version": "1.0.0", "author": "", "description": "a vue-electron project", "license": null, "main": "./dist/electron/main.js", "scripts": { "build": "node .electron-vue/build.js && electron-builder", "build:dir": "node .electron-vue/build.js && electron-builder --dir", "build:clean": "cross-env BUILD_TARGET=clean node .electron-vue/build.js", "build:web": "cross-env BUILD_TARGET=web node .electron-vue/build.js", "dev": "node .electron-vue/dev-runner.js", "pack": "npm run pack:main && npm run pack:renderer", "pack:main": "cross-env NODE_ENV=production webpack --progress --colors --config .electron-vue/webpack.main.config.js", "pack:renderer": "cross-env NODE_ENV=production webpack --progress --colors --config .electron-vue/webpack.renderer.config.js", "postinstall": "" }, "build": { "directories": { "output": "build" }, "files": [ "dist/electron/**/*" ], "dmg": { "contents": [ { "x": 410, "y": 150, "type": "link", "path": "/Applications" }, { "x": 130, "y": 150, "type": "file" } ] }, "mac": { "icon": "build/icons/icon.icns" }, "win": { "icon": "build/icons/icon.ico" }, "linux": { "icon": "build/icons" } }, "dependencies": { "ant-design-vue": "^1.7.8", "axios": "^0.18.0", "bindings": "~1.5.0", "element-ui": "^2.15.6", "net": "^1.0.2", "node-addon-api": "~3.0.2", "vue": "^2.5.16", "vue-electron": "^1.0.6", "vue-router": "^3.0.1", "vuex": "^3.0.1", "vuex-electron": "^1.0.0", "webworker": "^0.8.4" }, "devDependencies": { "ajv": "^6.5.0", "babel-core": "^6.26.3", "babel-loader": "^7.1.4", "babel-plugin-transform-runtime": "^6.23.0", "babel-preset-env": "^1.7.0", "babel-preset-stage-0": "^6.24.1", "babel-register": "^6.26.0", "babel-minify-webpack-plugin": "^0.3.1", "cfonts": "^2.1.2", "chalk": "^2.4.1", "copy-webpack-plugin": "^4.5.1", "cross-env": "^5.1.6", "css-loader": "^0.28.11", "del": "^3.0.0", "devtron": "^1.4.0", "electron": "^11.1.1", "electron-debug": "^3.0.1", "electron-devtools-installer": "^2.2.4", "electron-builder": "^20.19.2", "mini-css-extract-plugin": "0.4.0", "file-loader": "^1.1.11", "fs-extra": "^9.0.1", "html-webpack-plugin": "^3.2.0", "listr": "^0.14.3", "node-loader": "^0.6.0", "node-sass": "^6.0.1", "sass-loader": "^7.0.3", "style-loader": "^0.21.0", "url-loader": "^1.0.1", "vue-html-loader": "^1.2.4", "vue-loader": "^15.2.4", "vue-style-loader": "^4.1.0", "vue-template-compiler": "^2.5.16", "webpack-cli": "^3.0.8", "webpack": "^4.15.1", "webpack-dev-server": "^3.1.4", "webpack-hot-middleware": "^2.22.2", "webpack-merge": "^4.1.3" } } 图片 去掉这个报错跟你一样 ERROR in ./src/main/wemeet_sdk/win/x64/wemeet_electron_sdk.node 1:2 Module parse failed: Unexpected character '�' (1:2) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders (Source code omitted for this binary file) @ ./src/main/index.js 15:13-69

webpack@4.46.0 直接运行npm i -D html-loader报版本错误?

前端加载音频?

hard-source-webpack-plugin 缓存更新失效问题?

原生小程序怎么使用GenerateTestUserSig文件?

组件库引用的第三方库的样式文件怎么打包进来?

怎么让row变量在外部循环中重新初始化(设置回空数组)?

用了html-loader后报错?

云点播 小程序上传失败?

http://taro-docs.jd.com/taro/docs/2.x/config-detail/ 编译的时候忽略掉这个文件,taro官方都当作典型案例了……

小程序IM文档地址呢?

看了Demo,发现使用Vue框架写的demo。真好,不懂Vue就不配使用IM。真好。

Jhipster-elasticsearch-reindexer-2?

你好 webpack4 热更新那里的 dependcy.js 是什么文件?

使用webpack打包,如何调用cos实例进行getAuthorization获取授权?

Jinqn

腾讯 · 高级工程师 (已认证)

腾讯云COS前端开发
var COS = require('cos-js-sdk-v5'); // 初始化实例 var cos = new COS({ getAuthorization: function (options, callback) { // 异步获取签名 $.get('../server/sts.php', { bucket: options.Bucket, region: options.Region, }, function (data) { callback({ TmpSecretId: data.credentials.tmpSecretId, TmpSecretKey: data.credentials.tmpSecretKey, XCosSecurityToken: data.credentials.sessionToken, ExpiredTime: data.expiredTime, }); }); } }); // 调用具体方法 cos.sliceUploadFile...... 展开详请

webpack下引入无效?

舒晓贤像特仑苏一样纯 ~

这是因为html-webpack-plugin会于全局配置的html-loader发生冲突,造成webpack无法解析ejs语句。

小程序使用腾讯云node server 登陆提示5100?

如何正确彻底删除webpack 全局或是局部?

闰土大叔我是一枚活跃于前端圈的90后大叔,平时爱分享点互联网码农的职场经验。
谢邀。 首先,我目前暂无对这个问题的解决办法,只能提供点思路给你。 rm -rf * 删除当前目录下的所有文件,这个命令很危险,应避免使用。 所删除的文件,一般都不能恢复! 还有这篇关于webpack cli的文章可能会帮助到你:https://segmentfault.com/a/1190000013699050 还有就是关于package-lock.json的作用:package-lock.json是当 node_modules 或 package.json 发生变化时自动生成的文件。这个文件主要功能是确定当前安装的包的依赖,以便后续重新安装的时候生成相同的依赖,而忽略项目开发过程中有些依赖已经发生的更新。 因为我也没遇到过你说的这个问题,所以抱歉了,老铁。... 展开详请
领券