Webpack配置未进入严格模式，不想更改代码
Webpack是一个现代化的前端构建工具，它可以帮助开发者将多个模块打包成一个或多个静态资源文件。在Webpack的配置中，可以通过设置"strict"选项来启用或禁用严格模式。
严格模式是一种JavaScript的执行模式，它可以帮助开发者编写更加规范和安全的代码。启用严格模式后，JavaScript引擎会执行额外的检查和限制，以减少一些常见的错误和不安全的行为。
如果Webpack配置未进入严格模式，意味着在打包过程中没有启用严格模式。这可能是因为开发者没有在Webpack配置文件中明确设置"strict"选项，或者配置文件中的其他设置导致严格模式未生效。
要启用Webpack的严格模式，可以在Webpack配置文件中添加以下代码：
module.exports = {
// 其他配置项...
mode: "production",
// 启用严格模式
strict: true,
// 其他配置项...
};在上述配置中，将"strict"选项设置为true即可启用严格模式。同时，建议将Webpack的mode设置为"production"，以确保代码在打包过程中进行优化和压缩。
启用严格模式后，Webpack会在打包过程中对代码进行更严格的检查，帮助开发者发现潜在的问题和错误。这有助于提高代码的质量和可靠性。
关于Webpack的更多信息和详细配置，请参考腾讯云的Webpack产品文档：Webpack产品介绍。
相关·内容
1回答
我已经使用webpack和导入/导出语法将AngularJS应用程序转换为es6。
除了this关键字之外，所有的工作都很完美。
由于在编译过程中，webpack将我的所有代码都封装到了like(模块)中，因此关键字this在如下函数中变得未定义：
.controller( …, function() {
...
this.myFunc = function() {
someFunction().then(function(data) {
this.someVar = data;
// this === window
});
});
});
在没有捆绑的普通an
浏览 2提问于2019-06-30得票数 0
2回答
我想知道如何在create-react-app中生成源地图？它们是隐式完成的吗？它们是否位于build文件夹中？
我已经读到了很多关于用webpack生成它们的文章，但我的应用程序并没有使用它，所以我想知道没有webpack我该怎么做？
我也不想弹出
浏览 1提问于2019-04-29得票数 27
回答已采纳
2回答
如果我使用webpack，我可以使用CommonJS模块语法创建一个程序
#File: src-client/entry-point.js
helloWorld1 = require('./hello-world');
alert(helloWorld1.getMessage());
#File: src-client/hello-world.js
var toExport = {};
toExport.getMessage = function(){
return 'Hello Webpack';
}
module.exports = toE
浏览 6提问于2017-05-15得票数 1
回答已采纳
1回答
我正在使用Nuxt.js，我想在Vuex商店中使用window.open()打开一个窗口模式。
这是我的商店代码：
export const state = () => ({
popup: null
})
export const mutations = {
openPopup (state, url) {
state.popup = window.open(url, '', 'width=500,height=776')
state.popup.addEventListener('beforeunload', t
浏览 3提问于2021-04-29得票数 0
回答已采纳
2回答
是否可以使用MockingKernel来自动生成模拟对象，如果与之交互，将引发异常(即，破坏者)？
当您想要获得一个具有各种依赖项的对象时，这是非常有用的，但是您知道您的代码应该只与其中的一些对象交互。如果不显式地Bind依赖项(通过ToMock等)，那么它应该返回一个对象，该对象在第一次与异常交互时抛出异常。
这比等待代码执行完要好得多，然后编写一堆检查，以确保没有调用模拟。
这已经存在了吗？
浏览 10提问于2014-08-13得票数 0
回答已采纳
1回答
我使用的是在Node中运行的文件，使用的是Webpack。我不想在node_modules中捆绑任何文件。我只想让Webpack给他们留个require('module')。我该怎么做呢？
浏览 50提问于2019-02-12得票数 4
我和Webpack一起用StyleLint。
我现在的Webpack配置是：
module.exports.styleLint = (isProd = false) => {
const options = {
configFile: './.stylelintrc.json',
files: '**/*.less',
format: 'less',
failOnError: false,
quiet: false,
emitErrors: isProd
};
return new
浏览 0提问于2019-06-02得票数 15
回答已采纳
我有一个使用webpack的react应用程序，它在更新后的Chrome浏览器上运行良好，但在Chrome34上抛出了一个错误。我们有一个客户端需要使用Chrome34，所以我们必须支持它。
Uncaught SyntaxError: Use of const in strict mode.
错误发生在项目中的webpack捆绑文件中。下面是bundle.js文件中抛出错误的行。
"use strict";
eval("/* WEBPACK VAR INJECTION */(function(__resourceQuery) {\n\n/* global __reso
浏览 14提问于2018-02-01得票数 1
我已经解决了这个问题，但我想为其他人记录它。 我有一个使用Serverless Framework的TypeScript项目。我在项目中达到了一个点，我想使用EJS模板来撰写电子邮件。实现在本地工作，但我意识到lambda失败了，因为编译后的构建中没有包含EJS文件。 我试着通过导入文件来解决这个问题(而不是使用fs)，但这导致我进入了一段长达数天的旅程，重新工作我的构建工作流程，试图合并Webpack，这只是不断带来新的问题来解决。 最后，我看到了无服务器文档中关于excluding and including files的一节。可能只有我一个人，但我的印象是include配置只是为了颠倒
浏览 30提问于2021-02-11得票数 0
回答已采纳
3回答
我有一个简单的配置与webpack-dev-middleware和webpack-hot-middleware，使用热重加载(HMR)与反应。
一切都很好，除了我对代码所做的每一次更改都需要2，3-4秒！直到我在浏览器上看到它。我做错什么了吗？应该是这样的吗？
我的代码相当大，我的捆绑包缩小到了841 is (200 is的this )，这就是原因吗？代码库越大，包的创建越慢？
快递服务器：
var webpack = require('webpack');
var webpackConfig = require('./webpack.hot.config');
浏览 6提问于2016-04-24得票数 13
2回答
突然，在源代码发生变化时，webpack-dev-server不再重新加载。HRM已正确加载，但更改源代码不会再触发热重新加载。之前，它工作得很好。
我发现很多人在Stackoverflow中询问相同的问题。他们中的每一个都有不同的解决方案，我尝试过，但没有一个对我有效。因此，这不是一个重复的问题，因为我尝试了已经提供的解决方案，但没有一个对我有效。
我试着清理软件包并重新安装它们，我试着用不同的路径进入到webpack配置的“入口”
webpack.config.js
var path = require('path');
const HtmlWebpackPlugin =
浏览 1提问于2018-12-22得票数 1
1回答
我想设置全局环境变量，定义我的Webpacked应用程序工作的当前环境(开发、生产、测试或部署)。然而，每当我试图访问我的环境变量__ENV__时，我都会得到这个非常奇怪的错误。
以下类似的代码片段都失败了，并出现了相同的错误Uncaught ReferenceError: deployment is not defined，其中deployment是__ENV__的值，而不是它的引用名称。无论我给它什么值，都会发生同样的事情。下面是三个示例：
console.log(process.env.NODE_ENV);
global.__ENV__ = process.env.NODE_ENV ||
浏览 0提问于2017-06-11得票数 1
1回答
是否可以在IOS上禁用进入启用模式？我使用两个用户组(lvl 1和lvl 15)部署radius服务器，我的目标是不允许lvl 1的用户进入启用模式。是的，我知道我可以为启用模式创建一个密码。但是，可能甚至不允许1级用户进入该模式吗？谢谢。
浏览 0提问于2017-08-23得票数 1
回答已采纳
我使用ng new my-app命令创建角应用程序。
我怎么能看到为我的应用程序而建的webpack.config呢？我不想定制这个webpack配置。把它记录到文件/屏幕上..。
浏览 6提问于2021-11-01得票数 2
3回答
我正在使用React，Redux和Webpack构建一个小应用程序。当我切换到Webpack v.4时，我开始收到有关包大小的警告。我读过关于如何让它变小的文章。我还安装了捆绑包分析器，发现我在node-modules中有很大的寄存器。像往常一样，我只使用一个或两个方法，对每个我更改了所有导入内容的文件使用lodash
import _ from 'loadash'
至
import get from 'lodash/get'
但这并不能帮助我降低捆绑包大小。下面我附上了我的webpack.config.js。我不知道为什么它不能工作。更令人惊讶的是，我的构建命
浏览 0提问于2018-08-17得票数 3
2回答
酶检测结果为空不是对象
、、、
我刚刚开始使用酶和React，我有点困惑。我有一个简单的测试通过，不需要React。
src/containers/App/App.spec.js：
import { expect } from 'chai'
import { shallow } from 'enzyme'
describe('hello world', function() {
it('hello world', () => {
expect(true).to.be.true;
})
});
npm test
hello world
浏览 0提问于2016-07-15得票数 0
我使用这个webpack 5.x命令构建了一个react应用程序：
webpack --mode production --config config/webpack.dev.config.js
但是该过程在此构建后没有退出，构建过程成功，如何使流程退出？当我在CI中运行这个命令时，我希望这个命令结束，这样这个过程就可以进入下一个步骤。这是webpack 5.x配置文件的内容：
const path = require('path');
const webpack = require('webpack');
const MiniCssExtractP
浏览 5提问于2022-02-20得票数 0
3回答
我有一个库MyLib，我正在MyApp中加载它。两者都是用webpack 4编译的，MyApp使用source-map-loader加载MyLib的源映射。从webpack 4开始，源代码地图指向一个缩小的文件，而不是原始的源代码。
现在，调试到MyLib只需跳到下面的源代码，而不是实际的代码：
(function webpackUniversalModuleDefinition(root, factory) { ... }
这曾经适用于webpack 2。是什么改变了--或者更确切地说，我需要改变什么才能让它再次发挥作用？
MyLib Webpack Config
{
output:
浏览 0提问于2018-06-18得票数 7
回答已采纳
2回答
所以我有一个杯状文件(工作)和一个Webpack文件(工作文件)。现在我想把它们结合起来，这样我只需要运行webpack就可以监视和编译SCSS文件。
看看，我可以用一种叫做webpack-stream的东西
var gulp = require('gulp');
var webpack = require('webpack-stream');
gulp.task('default', function() {
return gulp.src('src/entry.js')
.pipe(webpack())
.
浏览 5提问于2016-05-03得票数 3
回答已采纳
我试图让我的业力测试运行webpack@^2.2.1和业力@1.4.1。但我得到的只是这个错误：
ERROR [preprocess]: Can not load "webpack"!
Error
at webpack (/Users/plano/S/plano/projects/scheduler.frontend.ng2/node_modules/webpack/lib/webpack.js:19:9)
at new Plugin (/Users/plano/S/plano/projects/scheduler.frontend.ng2/node_mod
浏览 1提问于2017-02-12得票数 5
回答已采纳
1回答
据我所知，Webpack使用的是under the hood，这是一个根据development/production环境不同的默认配置对象。我非常肯定这一点，因为它为不同的环境生成different bundle results，而不需要我们在webpack.config.js中指定任何内容。然而，我有以下问题：
可以看到这些默认配置对象吗？
有可能完全禁用它们吗？
我认为改变它们的唯一方法是通过在我们的webpack.config.js中添加我们想要更改的部分来覆盖它们。我说的对吗？
浏览 0提问于2018-04-24得票数 2
回答已采纳
当我使用Atom的AutoSave OnChange包运行我的应用程序时，我想要自动运行和自动刷新webpack-dev-server。 我的webpack-dev-server是： devServer: {
contentBase: './src/index.js',
host: '0.0.0.0',
compress: true,
port: 3001, // port number
historyApiFallback: true,
quiet: true,
浏览 39提问于2019-03-08得票数 1
回答已采纳
1回答
我只想使用引导模式功能，所以我手动地将那些lib (modal.js & util.js)添加到webpack.config.js中的供应商
但是，如果我直接添加vendor.js，它就能工作。因为它是包，所以我不想直接引用它，而是需要通过system.config.js映射供应商包
我怎样才能做到这一点？请建议
My webpack.config.js
import path from 'path'
import webpack from 'webpack'
export default [{
devtool: 'inline-s
浏览 2提问于2017-06-16得票数 1
回答已采纳
如果我设置了一个varchar(255)列，如果我尝试插入超过255个字符，或者它会将插入的值连接到前255个字符，那么会出现错误吗？
浏览 1提问于2014-05-17得票数 9
回答已采纳
2回答
我正在将webpack 4迁移到webpack 5。
config/webpack.js有：
“开发工具: isProduction？“隐藏源-映射”：“廉价模块-标准源-映射”
迁移得到错误后：
"^(inline-|hidden-|eval-)?(nosources-)?(cheap-(module-)?)?source-map$".模式onfiguration.devtool应该匹配
看起来新的webpack不喜欢条件，因为如果我更改为：
devtool: 'hidden-source-map'
错误消失了。
浏览 3提问于2021-01-29得票数 15
2回答
杜库找不到webpack
、、、
我有一个问题，推动一个应用程序使用webpack到dokku。Webpack本身就位于devDependencies of package.json。
一旦按下，它就开始安装node_modules。但是，一旦它开始执行'postinstall‘脚本，它就会说：
sh: 1: webpack: not found
npm ERR! Linux 3.16.0-30-generic
npm ERR! argv "/tmp/build/.heroku/node/bin/node" "/tmp/build/.heroku/node/bin/npm" "
浏览 5提问于2015-08-31得票数 2
1回答
我正在尝试使用，以便在ES6应用程序中开始编写一些ES6/ ES2015代码。
var gulp = require('gulp'),
gutil = require('gulp-util'),
gulpif = require('gulp-if'),
uglify = require('gulp-uglify'),
concat = require('gulp-concat'),
sass
浏览 0提问于2016-03-24得票数 4
回答已采纳
类型记录类中的下一个代码const axios = require("axios");通过消息触发一个错误：
在Object../node_modules/axios/lib/core/InterceptorManager.js (:468:1)的webpack_require (:20:30)，在webpack_require (:20:30)，在webpack_require(：20:30)，在webpack_require(：20:30)，在webpack_require(：20:30)，在webpack_require(：20:30)，不能指定只读取对象'for
浏览 4提问于2020-08-18得票数 0
我在用。
当我查看Chrome的源代码时，我看到一个名为webpack://的源代码(见下图)
但是，当我访问URL (如webpack:///src/App.js?14b1 )时。我发现文件是不可访问的。
有人对这个webpack://来源有什么想法吗？
浏览 0提问于2015-12-22得票数 2
回答已采纳
我只从语义用户界面中导入一个组件
import { Button as SemanticButton} from 'semantic-ui-react';
但是在运行webpack -p之后，我在包中看到了来自语义UI的所有组件，它的大小超过300 is (~30 is没有语义UI)。我安装了所有最新版本: webpack@4.14.0；语义-ui-react@0.81.3
这是我的webpack.config.js
module.exports = {
entry: './src/index.js',
resolve: {
modules:
浏览 0提问于2018-07-04得票数 2
2回答
来自
delete运算符从对象中移除属性。
返回值：
如果属性是自己的不可配置属性(在非严格中返回false )，则抛出严格模式。在所有其他情况下返回true。
有些事情我不明白：
什么是不可配置的属性？
当我在chrome控制台中运行这段代码时，它返回true：
变量a={'b':'b'}；删除a.b；//返回真
我认为Chrome控制台在非严格模式下运行代码。如果是这样的话，那么根据MDN，它应该返回false。为什么它返回true
根据MDN，delete操作符在所有其他情况下都返回true。其他的案子是什么？我知道一种
浏览 3提问于2015-04-24得票数 0
回答已采纳
我正在尝试将angular5添加到我的java项目中，作为我的前端框架。我查看angular2项目和github上的一些角度最佳实践项目。
在对不同项目上的配置文件进行爬行之后，我意识到，例如，jhipster直接使用webpack模块的bundler配置文件，而其他项目(例如，)则使用角-cli作为默认设置。
重点是角-cli也使用webpack，但它使用角-cli.json文件作为包装，以处理和简化webpack配置。
问题是
直接使用webpack结构而不是角点的好处是什么?有什么不同？
在我的项目中我必须使用哪一个？
我搜索了这篇文章，但找不到正确的答案。
浏览 1提问于2017-12-31得票数 0
我正在一个项目的前端工作，我被困了一段时间。我已经用django rest框架创建了一个api，我正在尝试连接到一个Nextjs前端。数据将显示在头版上，这就是我为什么要调用getInitialProps的原因。以下是代码
import styles from '../styles/Home.module.css';
import axios from 'axios';
const Home = ({ listings, error }) => {
if (error) {
return <div>An error occure
浏览 3提问于2022-02-02得票数 -1
回答已采纳
有没有一种现成的方法可以将我的TypeScript代码中的某些方法或函数标记为仅用于开发/调试，以便在使用Webpack编译时不会进入生产代码中？
就像代码中的注释被剪掉一样。
我有时会使用一些函数来调试应用程序，但不会在生产中使用。我不想为了生产而注释掉它们，因为团队中的其他人可以在看到它注释时决定删除这些过时的代码。
浏览 10提问于2016-07-22得票数 3
因此，这是一个完整的错误：，您目前使用的是NODE_ENV === 'production‘之外的精简代码。这意味着您正在运行一个较慢的Redux.开发构建。
我正在使用第三方图表库CanvasJS，它需要访问全局范围。当我在我的任何模块中导入它时，在浏览器中(可能是this问题)，实际的代码似乎中断了。
我用Webpack解决了这个问题，用缩小的图表库把bundle.min.js狼吞虎咽。
这很好，直到我尝试一个生产的构建。我认为，在这个过程中，对CanvasJS的引用可能被搞砸了。
我的Webpack.config文件：
var debug = process.env.NODE_
浏览 4提问于2016-08-24得票数 12
回答已采纳
我使用的是webpack: 5.71.0webpack-cli: 4.9.2 -dev-dev-server 4.8.1
在我的webpack.config.js里
const path = require('path');
const webpack = require('webpack');
module.exports = {
entry: './src/index.js',
mode: 'development',
module: {
rules: [{
浏览 20提问于2022-04-06得票数 6
1回答
Webpack能否被配置成，使其摇树足够聪明，以消除进口仅依赖于其他树木摇动出口？
示例：
entry.js
import { apple } from './appleBanana';
console.log(apple());
appleBanana.js
import { mango, orange } from './mangoOrange';
export function apple() {
console.log('apple');
mango();
}
export function banana() {
cons
浏览 2提问于2021-02-20得票数 4
最近，我开始通过尼古拉斯·C·扎卡斯(NicholasC.Zakas)的“面向网络开发人员的专业JavaScript”( Professional JavaScript For Web )一书学习Web，并遇到了一些我自己无法解决的问题。
正如标题所述，这都是关于命名参数和参数对象在JavaScript函数中的。
例如，我们有一段代码：
function doAdd(num1 , num2) {
arguments[1] = 10;
alert(arguments[0] + num2);
}
doAdd(10 , 20);
书中说，参数对象中的值由相应的命名参数自动反映，
浏览 3提问于2014-05-18得票数 9
回答已采纳
1回答
我被困了一段时间，试图为我的云函数文件构建一个webpack。
我的项目结构：
ROOT
- FUNCTIONS
- DIS
- bundle.js // THIS SHOULD BE GENERATED BY WEBPACK
- SRC
- myCloudFunction.js // SOURCE CODE FOR A CLOUD FUNCTION
- entryPoint.js // ENTRY POINT FOR WEBPACK
- index.js
- package.json
- SRC
- App.js
.babelrc
浏览 7提问于2019-10-28得票数 8
回答已采纳
如何在应用程序进入后台时保持http网络的活力？我尝试过一些方法，比如我使用了VOIP，但当应用程序进入后台时，它只运行了3分钟，可能更少。一旦某个min.My方法无效，我需要发送一个请求，那我该怎么办？
浏览 12提问于2017-08-10得票数 0
回答已采纳
2回答
我使用的是webpack 4，我不确定我的代码是否被压缩和缩小了。我也在使用React。
我的第一个问题是在Webpack的plugin属性或optimization属性中使用webpack UglifyJS插件。当我使用plugin属性时，它看起来至少可以压缩到一行，但不是一行。我仍然不确定它是否在缩小。当我使用optimization时，它甚至不能压缩。当我查看我捆绑的js文件时，它似乎捆绑了webpack等node_modules中的内容。
//与plugin配合使用
module.exports = {
...
plugins: [new UglifyJsPlugin(
浏览 3提问于2018-11-25得票数 5
我正在尝试使用镜像加载器中的bypassOnDebug选项，这意味着我需要将webpack置于“调试模式”(根据镜像加载器文档)。
在使用开发服务器时会自动进入调试模式，还是需要在webpack配置中指定？
如果我需要指定它，你能提供一个代码样本吗？
浏览 55提问于2015-12-08得票数 35
问题：
在运行VS调试器时，当我在TS文件和Vue组件中设置断点时，会得到未经验证的断点。我不知道这是否相关，但这是一个木星实验室后端的FE代码，但我不认为这会影响VS调试器？我想我的吐露可能是错的。我还尝试在Vue和TS代码中添加“调试器”，但它们也没有被击中。
我尝试过的：
我尝试过用多种方式配置启动文件--这是我的launch.json for VS调试器：
{
"version": "0.2.0",
"configurations": [
{
"type": "
浏览 1提问于2019-07-27得票数 2
回答已采纳
我有大量的文件进入根文件夹，我正在寻找清理它。
例如
.env
.babelrc
.eslintignore
.eslintrc.json
webpack.config.js
gulpfile.js
sequelize.json
... list goes on
我想将它们全部移动到config文件夹中，因为这就是它们。
因此，是否有可能将gitignore从子目录应用到父目录。
似乎每个工具都想将其配置文件插入根目录。
自动报警，吞咽，webpack，vscode，数据库，反应，整理.
浏览 0提问于2018-06-01得票数 3
回答已采纳
我想构建我的js/css代码，把它写在磁盘上，并在一个命令中使用webpack-dev服务器提供服务。我不想为生产模式设置另一台服务器。我们该怎么做？共享下面的webpack.config.js文件内容：
module.exports = {
watch: true,
entry: [
'./src/index.js'
],
output: {
path: __dirname +'/dist/',
publicPath: '/dist/',
filename: 'bundle.js'
},
modu
浏览 3提问于2017-01-30得票数 34
回答已采纳
我正在使用构建react应用程序。控制台中列出的所有警告；其混乱的控制台都非常烦人
我怎么才能把它关掉？我检查了webpack.config文件，但看不到任何相关信息
浏览 4提问于2017-02-15得票数 0
我有一套规范v1自定义元素，我使用webpack 4来捆绑(而babel用于transpile)。
这些组件看起来都与此类似：
export class CompDiv extends HTMLDivElement {
constructor(...args) {
const self = super(...args);
self.property = null;
return self;
}
connectedCallback() {
console.log('connected CompDiv');
}
}
customEl
浏览 0提问于2018-08-28得票数 14
回答已采纳
我有一个Redux应用程序，并且正在尝试将它放到一个静态文件服务器上(所以用户应该能够转到http://myurl.com/thePath/index.html，应用程序应该加载)。现在我正用webpack把我的资产捆绑起来。这是我的webpack构建文件：
webpack.config.prod.js:
import webpack from 'webpack';
import ExtractTextPlugin from 'extract-text-webpack-plugin';
import WebpackMd5Hash from 'webpac
浏览 2提问于2016-10-26得票数 0
我正在使用ASP.Net核心，Angular2和打字稿，并与webpack一起连接使用Angular2 team 的教程。这一切似乎都是可行的，但现在我需要在每次更改文件时构建。
原始教程使用system.js，当然加载大量文件，但我只使用静态文件中间件，开发不需要构建。这很方便，但我想不出如何和webpack做同样的事。看来webpack只能把所有的东西捆绑在一起，而不是单独加载所有的东西，所以每次我都需要运行构建。
能不能做点什么，让webpack以一种简单的方式“扩大”这个包袱？
我不想使用webpack开发服务器和一些基于保存的自动构建，因为它的复杂性很高。因此，理想的解决方案是，我有
浏览 4提问于2016-11-06得票数 0
回答已采纳
当我使用webpack-cli init创建一个新的webpack配置时，它会生成文件webpack.prod.js或webpack.dev.js，这取决于我是否回答了的问题，哪个模块将首先进入应用程序？默认值：./src/index
如何自定义生成的配置文件的文件名？例如，webpack.config.dev.js
浏览 0提问于2018-11-02得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
