插件不工作，而uglifyjs-webpack- webpack.optimize.UglifyJSPlugin工作
问题描述：插件不工作，而uglifyjs-webpack- webpack.optimize.UglifyJSPlugin工作。
回答： 在前端开发中，插件是一种用于扩展框架或工具功能的模块。而uglifyjs-webpack- webpack.optimize.UglifyJSPlugin是一个用于压缩和混淆 JavaScript 代码的插件。当插件不工作时，可能有以下几个原因和解决方法：
- 插件配置错误：首先需要检查插件的配置是否正确。确保在 webpack 配置文件中正确引入了该插件，并且配置项没有错误。
- 版本兼容性问题：有时候插件可能不兼容当前使用的 webpack 版本。可以尝试升级或降级插件版本，或者查看插件的文档以确定兼容的 webpack 版本。
- 依赖项冲突：插件可能依赖其他模块或库，如果存在依赖项冲突，可能会导致插件不工作。可以尝试更新插件的依赖项，或者查看插件的文档以获取解决方案。
- 插件使用方式错误：有时候插件的使用方式可能有误。可以仔细阅读插件的文档，确保按照正确的方式使用插件。
- 环境配置问题：插件可能需要特定的环境配置才能正常工作。可以检查当前环境是否满足插件的要求，例如是否安装了必要的依赖项。
针对这个问题，腾讯云提供了一款名为「腾讯云云开发」的产品，它是一款云原生的全托管后端云服务，提供了丰富的功能和工具，方便开发者进行前后端一体化开发。腾讯云云开发支持多种编程语言和开发框架，包括 JavaScript、Node.js、Python 等，可以满足开发者的各种需求。
腾讯云云开发的优势包括：
- 无需搭建服务器和维护基础设施，开发者可以专注于业务逻辑的开发。
- 提供了丰富的云端能力，包括数据库、存储、云函数、云托管等，可以快速构建强大的应用。
- 支持一键部署和自动扩缩容，可以根据业务需求灵活调整资源。
- 提供了完善的安全机制和权限管理，保障数据的安全性和隐私。
对于前端开发中的插件问题，腾讯云云开发提供了云函数的功能，可以在云端编写和执行 JavaScript 代码，开发者可以在云函数中使用各种插件，包括uglifyjs-webpack- webpack.optimize.UglifyJSPlugin，来进行代码压缩和混淆等操作。云函数可以与前端应用进行无缝集成，提供了灵活的扩展能力。
更多关于腾讯云云开发的信息和产品介绍，可以访问以下链接：
请注意，以上答案仅供参考，具体的解决方法可能因实际情况而异。在解决问题时，建议参考相关文档和资料，或者咨询专业人士的意见。
相关·内容
在Webpack中，我有以下插件：
plugins: [
new ExtractTextPlugin('styles.css'),
new webpack.optimize.UglifyJsPlugin({
compress: {
warnings: false
},
drop_console: true,
}),
]
我只想将UglifyJsPlugin 应用于特定的目标，因此我尝试使用预期的条件：
plugins:
浏览 10提问于2016-03-24得票数 37
回答已采纳
1回答
我使用当前的uglify模块，如下所示
uglifyPlugin = new webpack.optimize.UglifyJsPlugin({
sourcemaps: false,
compress: {
warnings: false
}
}),
plugins: [
commonsPlugin,
dedupePlugin,
uglifyPlugin,
fnCaseSensitivityPlugin,
浏览 9提问于2016-08-12得票数 0
我正在尝试用Webpack的Uglify插件删除console.logs，但是似乎与Webpack捆绑在一起的Uglify插件没有这个选项，文档中没有提到它。
我从webpack初始化uglify，如下所示：
new webpack.optimize.UglifyJsPlugin()
我的理解是我可以使用独立的Uglify lib来获得所有的选项，但我不知道是哪一个？
问题是drop_console不工作。
浏览 12提问于2016-12-08得票数 62
我使用docx5.0.2版本来生成具有角类型脚本代码的图像的word文档。使用webpack.optimize.UglifyJsPlugin。生成代码时获取此错误。意外令牌:名称(DocumentAttributes)与webpack和UglifyJs。我假设Uglify无法最小化或美化与docx库相关的代码。任何使用docx软件包的人的建议。
用于在将docx包添加到package.json之前良好工作的生成
浏览 3提问于2020-05-05得票数 0
这个答案以前很有魅力：
然而，自从Webpack v4，它不再工作了。从那时起，它抛出：
错误: webpack.optimize.UglifyJsPlugin已被删除，请改用config.optimization.minimize。
这里有什么必要让它在Webpack v4?中工作？
我试过使用以下方法，但没有运气：
const uglifyJsPlugin = require('uglifyjs-webpack-plugin');
if (process.argv.indexOf('-p') !== -1) {
// compress and
浏览 3提问于2018-03-04得票数 6
回答已采纳
这是我的网页包：
var path = require('path');
var webpack = require('webpack');
module.exports = {
entry: {
event: './widgets/events/app.js'
},
output: {
path: './dist',
filename: '[name].widget.js'
},
target: 'web',
node: {
console
浏览 0提问于2017-03-07得票数 2
2回答
和webpack有一些问题。它构建得很好，但是当我打开我的站点时，我得到：Getting error: "Uncaught ReferenceError: webpackJsonp is not defined"
我相信我的CommonsChunkPlugin在我的应用被捆绑之前就已经运行了？
它可能会帮助我知道我的配置在src/config/webpack.config.js中，它正在构建为dist/js/。
读过和，但似乎都没有帮助，除非我错过了什么。
devtool: 'source-map',
entry: {
vendor: [
浏览 4提问于2016-08-08得票数 4
回答已采纳
我尝试构建webpack.config.js文件。我的命令是webpack --config webpack.config.prod.js --progress --colors。但是我的大楼因为ulgifyJsPlugin而失败了。当我在webpack.config.prod.js中删除webpack.config.prod.js时，构建是成功的，但当存在UlgifyJsPlugin时则无法工作。我想最小化我的代码webpack类删除console.log码和其他不必要的代码。另外，我在用webpack 1号。
const webpack = require('webpack'
浏览 2提问于2017-06-12得票数 0
回答已采纳
在npm install jquery-migrate之后，我可以只在主scripts.js文件中使用require('jquery-migrate');。这样做很好：
console.log(jQuery.migrateVersion); // JQMIGRATE: Migrate is installed with logging active, version 3.0.0
现在，我想将其设置为在生产版本中不存在jquery。
webpack.config.js：
var dev = process.env.NODE_ENV !== 'prod';
var
浏览 8提问于2016-06-10得票数 5
回答已采纳
1回答
我使用Webpack来构建我的站点，但是尽管在配置中包含了UglifyJsPlugin，但是输出并没有减少。
{
entry: "./dist/client/js/index.js",
devtool: "source-map",
loaders: [
{
test: /\.js$/,
loader: "babel",
query: {
cacheDirectory: false
浏览 2提问于2016-09-30得票数 1
回答已采纳
3回答
webpack如何改变“源图”
、、、、
我的生产webpack配置是：
{
output: {
publicPath: "https://cdn.example.com/sub-directory/",
filename: '[name]-[chunkhash].min.js'
},
devtool: 'source-map',
plugins: [
new webpack.optimize.UglifyJsPlugin()
]
}
现在我有两个文件app-12345.min.js和app-12345.min.js.map。
我还为主脚本
浏览 5提问于2016-08-16得票数 15
回答已采纳
const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
module.exports = {
optimization: {
minimizer: [new UglifyJsPlugin()],
}
///
plugins : [
new webpack.optimize.UglifyJsPlugin({
mangle: true,
compress: {
warnings
浏览 168提问于2019-10-18得票数 0
2回答
我很难让源代码地图与css-加载器一起工作。
控制台中的输出：
css-加载程序的文档是怎么说的：
SourceMaps
若要包含SourceMaps，请设置sourceMap查询参数。
要求(“css?sourceMap！/file.css”)
My webpack.config
var webpack = require('webpack')
module.exports = {
entry: './src/client/js/App.js',
output: {
path: './public',
浏览 4提问于2016-05-18得票数 22
回答已采纳
1回答
我的网络产品webpack配置看起来像：
const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
var webpack = require('webpack');
var ExtractTextPlugin = require("extract-text-webpack-plugin");
const WebpackStrip = require('strip-loader');
module.exports = [
{
devtool: 'chea
浏览 2提问于2017-11-16得票数 0
回答已采纳
我有以下配置，但它仍然没有删除console.log语句：
new webpack.optimize.UglifyJsPlugin({
compress: {
warnings: false,
pure_funcs: ['console.log'],
drop_console: true,
comments: false
},
pure_funcs: ['console.log'],
drop_console: true,
comments: false
})
浏览 4提问于2016-12-02得票数 4
1回答
我做了一个服务器端呈现，当我打开网络查看控制台时，我收到了2条错误消息。
第一条错误消息：
Warning: It looks like you're using a minified copy of the development
build of React. When deploying React apps to production, make sure to
use the production build which skips development warnings and is
faster. See https://facebook.github.io/react
浏览 2提问于2016-12-11得票数 0
回答已采纳
我已经遵循了尽可能多的提示，在包装我的Webpack ReactJS应用程序的生产。不幸的是，文件大小仍然是3MB。我做错了什么？
这是我的Webpack Config文件：
var path = require('path')
var webpack = require('webpack')
module.exports = {
devtool: 'cheap-module-eval-source-map',
entry: [
'webpack-hot-middleware/client',
'
浏览 1提问于2016-03-08得票数 2
回答已采纳
1回答
我在这些设置中没有得到任何前缀。Cssnano和write to style.css工作正常，但是没有从我的sass添加前缀到css。
我刚开始接触webpack，所以可能我就是不明白。
配置：
var development = process.env.NODE_ENV !== "production";
var webpack = require('webpack');
var path = require('path');
var precss = require('precss');
var ExtractTe
浏览 0提问于2016-08-22得票数 0
我有两个文件app.js和math.js
它包含以下代码-
app.js
import { sum } from "./math";
console.log("?");
console.log(sum(2, 3));
math.js
export const sum = (a, b) => a + b;
export const multiply = (m, n) => m * n;
webpack.config.js
const path = require("path");
const webpack = require(&#
浏览 13提问于2018-02-15得票数 2
回答已采纳
这是我的webpack.config.js
var webpack = require("webpack");
module.exports = {
entry: "./entry.js",
devtool: "source-map",
output: {
path: "./dist",
filename: "bundle.min.js"
},
plugins: [
new webpack.optimize.UglifyJsPlugin({minimize: true
浏览 21提问于2014-09-21得票数 262
回答已采纳
1回答
几天来，我一直在遭受这样的警告，我不知道为什么这个配置不能工作。我已经添加了DefinePlugin，但是，我仍然收到“警告:看起来您正在使用React的开发构建的一个缩小的副本”。
有这方面的线索吗？谢谢!
package.json
{
"name": "test",
"version": "1.0.0",
"description": "",
"main": "main.js",
"scripts": {
"re
浏览 0提问于2017-02-17得票数 2
我一直在尝试理解“webpack”中的“生产模式”。在我现在的“webpack 2”中，你可以运行webpack -p，但功能似乎不是很丰富。我从Webpack 1继承下来的设置是这样的：
var config = {
context: __dirname + '/app',
entry: './index.js',
output: {
path: __dirname + '/app',
filename: 'bundle.js'
},
plugins: [
new CompressionPlugin({
浏览 35提问于2017-02-28得票数 1
回答已采纳
我正在处理需要在IE 8企业版上运行的应用程序。我在控制台中收到以下错误:期望的标识符：；indexOf对该对象不可用。
为了解决这个问题，我在stackoverflow上读到了这个问题：它建议
转换-ES3-成员-表达式-文字转换-ES3-属性-文字
待添加。但是在webpack中使用这个没有任何地方提到，在巴别塔官网上也没有。有没有人可以建议我如何使用它作为我的项目的插件。
注意:我已经尝试过了
var es3MemberExpressionLiterals = require('babel-plugin-transform-es3-member-expression-litera
浏览 0提问于2016-12-06得票数 1
我试着在我的课堂上放一个箭头函数，但是编译失败了。
我读到我应该安装
现在我发现了一个错误：
模块构建失败:错误:找不到预置的"transform-class-properties“相对于目录”/home/路克/文档/myProject“
我已经尝试过在这些帖子中提出的解决方案(还有其他)
我目前的设置如下：
/app/components/App.js
import React from 'react'
import { Switch, Route, BrowserRouter as Router } from 'react-router-dom&
浏览 4提问于2017-09-14得票数 4
回答已采纳
6回答
Webpack四世的声明如下：
错误：webpack.optimize.UglifyJsPlugin已被删除，请改用config.optimization.minimize。
很公平，但我找不到任何关于配置运行在引擎盖下的UglifyJsPlugin实例的信息，例如更改缓存目录。这能办到吗？
浏览 0提问于2018-03-01得票数 123
回答已采纳
2回答
有什么方法可以阻止Maven在Eclipse工作台中解析工件吗？
我知道我可以手动设置它，但如果它可以通过POM设置就更好了。
浏览 0提问于2012-02-03得票数 0
回答已采纳
我尝试在webpack命令(2.1.0beta.27)中添加--optimize-minimize选项，但我仍然得到一个bundle.js，而不是bundle.min?js：
"build:production": "node_modules/.bin/del-cli public/js/app &&
node_modules/.bin/ngc -p tsconfig.aot.json &&
node_modules/.bin/ngc -p tsconfig.aot.json &&
node_modules/.bin
浏览 1提问于2016-12-07得票数 0
回答已采纳
2回答
我想添加网络包提供的插件来在全球范围内使用JQuery。有些文章说
您需要将其放在webpack.config.js插件下：[]
但是，当我查看我的webpack.config.js时，没有这样的plugins对象。然后在plugins数组下手动创建module对象。
之后，当我尝试使用npm运行项目时
它不会跑的。我想把这个插件添加到webpack.config.js中
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery'
})
我该怎么做？这是我的webpack.config.js
浏览 1提问于2018-03-22得票数 1
回答已采纳
我非常新使用Webpack，我正在努力使我的反应应用程序在ES6完成一个可接受的生产准备规模。输出文件仍然太大，而且还会输出警告(主要是关于生产文件)。
有人能帮我解决问题吗?在我的配置文件中应该更新什么？
这就是我现在所拥有的。
var webpack = require('webpack');
var PROD = JSON.parse(process.env.PROD_ENV || '0');
module.exports = {
entry: "./app/App.js",
output: {
filename:
浏览 1提问于2016-05-05得票数 0
回答已采纳
我对jQuery DataTables和Row分组插件有一个问题。这是我的密码：
list1table = $('#list1table').DataTable({
"paging": false,
"ordering": false,
"info": false,
"searching": false,
"scrollY": 600,
"scrollX": true,
fixedColumns: {
leftColumns: fixcol_cou
浏览 2提问于2015-09-08得票数 1
2回答
我刚开始使用webpack.I，我想用webpack.I把我缩小的js文件上传到s3，我在webpack.config.js文件中使用了折叠代码。
const webpack = require('webpack');
var S3Plugin = require('webpack-s3-plugin');
module.exports = {
entry: './src/app.js',
output: {
path: './bin',
浏览 8提问于2016-10-11得票数 2
我试图添加一个UglifyJS插件到我的webpack配置。入口点很简单，如下所示：
import Vue from 'vue';
import Comp from './components/comp.vue';
Vue.component('somecomponent', {
render: h => h(Comp)
});
当我试图运行webpack时，它抛出了一个错误：
ERROR in source1.bundle.js from UglifyJs
Unexpected token: operator (>) [./
浏览 2提问于2017-09-15得票数 0
回答已采纳
我试图让SASS编译在我的React + Webpack项目上运行，并不断地遇到这样的错误：
Module build failed: Error: "extract-text-webpack-plugin" loader is used without the corresponding plugin
遵循本教程的指导原则：
这是我的webpack.config.js
有什么建议吗？
const debug = process.env.NODE_ENV !== "production";
const webpack = require('webpack
浏览 5提问于2017-02-21得票数 4
回答已采纳
我正在使用社区版的SonarQube v7.0。我正试图从我的Jenkins工作中获得Cobertura代码覆盖结果。在Jenkins中正确地配置了Cobertura和SonarQube。我可以在我的声纳本地主机上看到声纳效果，但不能看到Cobertura代码覆盖结果。我抬头一看，在插件库()中找到了Cobertura插件，但是，当我在Sonarqube作为管理人员在Administration-> MarketPlace上搜索时，我没有看到插件。
我怎样才能得到这个插件？
浏览 2提问于2018-04-10得票数 0
回答已采纳
2回答
我正在编译需要package.json版本值的代码
import {version} from '../package.json';
export default {version};
当我看webpack输出的.js文件时，我看到了整个package.json！
我怎么才能避免这种情况？
我的设计是：
plugins: [
new webpack.DefinePlugin({
'process.env.NODE_ENV': '"production"'
}),
new webpack.op
浏览 4提问于2017-11-07得票数 5
回答已采纳
2回答
我有一个问题，我包含了一个jQuery插件(jquery.jplayer.js)，而webpack在同一个文件中加载了该插件的依赖项，在本例中它是jQuery。我想通过CDN为jQuery提供服务，所以很明显，我不希望jQuery也在本地加载。我已经将范围缩小到这一行代码define(['jquery'], factory); // jQuery Switch。
我怎么才能告诉webpack不要包含它在.js文件中找到的依赖项呢？
var debug = process.env.NODE_ENV !== "production";
var webpack = r
浏览 14提问于2016-08-13得票数 0
回答已采纳
11回答
我在找关于如何删除旧的webpack分块文件的信息。这是我目前对webpack的配置：
var path = require('path');
var webpack = require('webpack');
module.exports = {
debug: false,
outputPathinfo: true,
displayErrorDetails: true,
context: __dirname,
entry: {
common: ['./src/common.coffee'],
a: '
浏览 67提问于2015-07-31得票数 29
如果关闭缓存，那么一切都能正常工作。如果启用缓存，开始时的插件工作正常，但5分钟后它停止处理行。正常的或渐进的缓存-这不重要。当您删除缓存-处理再次打开，并再次在5分钟后，它消失。这是完整的插件代码。可能是什么原因？插入到材料中的代码，例如{robokassa 5}
class plgContentRobokassa extends JPlugin
{
public $cont='';
public function onContentPrepare($context, &$row, &$params, $page = 0)
{
浏览 7提问于2020-05-13得票数 0
回答已采纳
我知道，所以当ES6转换为ES5时有一些问题
在生产中，env错误：意外令牌朋c，预期的bundle.js:2808,8
new webpack.optimize.UglifyJsPlugin({
output: {
comments: false
}
})
但这在发展中是可以的
new webpack.optimize.UglifyJsPlugin({
sourceMap: true,
output: {
comments: false
}
})
Webpack诉2.4.1和babel v6.5.2 Webpack预设：
浏览 1提问于2017-04-26得票数 0
下面是设置：
package.json
{
"dependencies": {
"css-loader": "^0.26.0",
"extract-text-webpack-plugin": "^1.0.1",
"html-webpack-plugin": "^2.24.1",
"node-sass": "^3.13.0",
"sass-loader": "^4.0.2",
浏览 4提问于2016-11-21得票数 0
回答已采纳
1回答
我已经在我的wordpress网站上安装了“职务管理器”插件，它没有发送电子邮件。它正在我的测试服务器上工作，该服务器上只安装了作业管理器，但它不在我的客户端机器上工作。我在那里安装了以下插件：
Exec-PHP
Flexi Quote Rotator
Gravity Forms
Hide Title
iframe
Job Manager
Linkable Title Html and Pho Widget by Penlamb
Nivo Slider WordPress Plugin
pageMash
Shortcode Exec PHP
Simple
浏览 4提问于2012-12-06得票数 0
3回答
我想尽量减少我的Javascript代码的生产。但是，我不想最小化供应商的代码，因为他们已经有了一个最小化版本。
我的当前webpack.config.js将输出代码分成两个块。
module.exports = {
entry: {
vendor: ['jquery','angular'],
app: ['./Client/app.start.js']
},
output: {
filename: 'bundle.js',
path: __
浏览 2提问于2015-04-29得票数 11
回答已采纳
当我在wordpress中包含文件时，我注意到在没有get_template_directory()的情况下，包含的工作很好。甚至包括没有父母的工作。
include( get_template_directory() . '/includes/front/enqueue.php' );
工作得很好
include '/includes/front/enqueue.php';
请大家解释一下，在wordpress中嵌入文件时，我应该使用get_template_directory()吗？在包含之后不使用括号是"ok“吗？
浏览 0提问于2021-11-28得票数 0
我在本地开发了一个应用程序。客户端和服务器运行在不同的端口上。这个应用程序在我的本地系统上运行良好。现在，我已经将代码推送到服务器上。当我尝试使用npm运行代码时，请运行build。
我得到一个错误，看起来像这样
我的urlMixin.js看起来像这样
let path = require('path');
let webpack = require('webpack');
module.exports = {
entry: './src/main.js',
output: {
path: path.resolv
浏览 0提问于2018-05-05得票数 0
我在多个插件中使用renderMark，但是只有插件堆栈中的顶级插件才会被调用，其余的将被忽略。
//第一个插件
function MarkHotkey(options) {
const { type, key, RenderTag, icon } = options
return {
onKeyDown(event, editor, next) {
if (!event.ctrlKey || event.key != key) return next();
event.preventDefault();
editor.toggleMark
浏览 1提问于2019-07-05得票数 1
回答已采纳
1回答
我试图在我的webpack.config文件中将两个css输出为js文件，但我面临两个问题：
1)我的输出文件有一个.js扩展名，但是其中一个输出文件需要一个css文件(scss.bundle.css)。我该怎么做呢？
2)我的加载程序需要链接到正确的输出文件，我认为它现在不能正常工作。
如果你能在这里帮助我，请告诉我。我认为webpack的知识非常有限。
var debug = process.env.NODE_ENV !== "production";
var webpack = require('webpack');
var path = require(
浏览 3提问于2016-10-11得票数 0
回答已采纳
1回答
我试图用webpack最小化我的bundle.js文件，但是在我的配置中出现了错误：
module.exports = {
entry: "./entry.js",
output: {
devtoolLineToLine: true,
sourceMapFilename: "./bundle.js.map",
pathinfo: true,
path: __dirname,
filename: "bundle.js"
},
module
浏览 3提问于2015-12-04得票数 1
回答已采纳
我正在为我的react应用程序使用和设计库。而且我还面临着大量的进口，这伤害了我的包(由于ant，目前在小型化版本中是1.18mb)。
var path = require('path');
var webpack = require('webpack');
var config = {
entry: {
vendor: ['react', 'react-dom','antd'],
app: './Scripts/js/app.js',
},
浏览 2提问于2018-04-28得票数 1
回答已采纳
下面是我的webpack.config.js的插件属性
plugins: [
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery'
}),
new webpack.optimize.OccurenceOrderPlugin(),
new webpack.DefinePlugin({
'process.env': {
'NODE_ENV': JSON.stringify
浏览 4提问于2016-01-27得票数 9
回答已采纳
这是我的Webpack 3配置：
const webpack = require('webpack'); //to access built-in plugins
const glob = require('glob');
const path = require('path');
/*
* Frontend Config
*/
const _myPathFront = './assets/my_lib/js/frontend/';
const _myFrontEnd = {
entry: glob.syn
浏览 3提问于2017-10-31得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
