将Webpack用于简单站点
Webpack是一个现代化的静态模块打包工具，它主要用于将多个前端资源（如JavaScript、CSS、图片等）打包成一个或多个静态资源文件，以便在浏览器中加载和使用。它提供了一种模块化的开发方式，可以将项目拆分为多个模块，每个模块可以有自己的依赖关系，并且可以通过配置文件进行灵活的定制。
Webpack的主要特点和优势包括：
- 模块化支持：Webpack支持使用模块化的开发方式，可以将项目拆分为多个模块，每个模块可以有自己的依赖关系，提高了代码的可维护性和复用性。
- 资源打包和优化：Webpack可以将多个前端资源打包成一个或多个静态资源文件，减少了网络请求的次数，提高了页面加载速度。同时，Webpack还提供了一些优化功能，如代码压缩、文件合并、图片压缩等，可以减小资源文件的体积，提升网页性能。
- 开发工具支持：Webpack提供了丰富的开发工具支持，如热模块替换（Hot Module Replacement）、代码分割（Code Splitting）、自动刷新等，可以提高开发效率和调试体验。
- 生态系统丰富：Webpack拥有庞大的插件生态系统，可以通过插件扩展其功能，满足不同项目的需求。同时，Webpack还与其他工具和框架（如Babel、React、Vue等）有良好的集成，可以与它们无缝配合使用。
对于简单站点，使用Webpack可以带来以下好处：
- 模块化开发：Webpack可以将简单站点拆分为多个模块，每个模块负责不同的功能，提高了代码的可维护性和复用性。
- 资源打包和优化：Webpack可以将站点所需的各种资源（如HTML、CSS、JavaScript、图片等）打包成一个或多个静态资源文件，减少了网络请求的次数，提高了页面加载速度。
- 自动刷新：Webpack提供了自动刷新的功能，当代码发生变化时，可以自动重新加载页面，方便开发调试。
- 代码压缩和优化：Webpack可以对打包后的代码进行压缩和优化，减小文件体积，提升网页性能。
对于简单站点，推荐使用腾讯云的云开发（CloudBase）服务。云开发是一款面向开发者的一体化云原生开发平台，提供了云函数、云数据库、云存储等功能，可以方便地进行前后端开发和部署。使用云开发可以快速搭建简单站点，并且无需关注服务器运维等问题。
腾讯云云开发产品介绍链接地址：https://cloud.tencent.com/product/tcb
相关·内容
1回答
在和Webpack一起工作的时候，我还有一个有趣的问题要解决。
我在几个项目中使用了Webpack和Hugo (静态站点生成器)。Webpack负责所有的转译，捆绑，缩小等，而雨果生成所有的内容和静态HTML页面，包括图像的处理。Hugo必须负责这些图像，因为我将来会让非技术人员更新它们。
我真的希望Webpack能够注意到我的超文本标记语言中的图像，这样它就可以优化并生成一个响应式的srcset。我已经探索了html-loader，并且知道我可以通过require("html-loader!./file.html");手动传递HTML，然后被传递到相应的图像加载器，但是有没有
浏览 14提问于2017-07-15得票数 1
当部署我的服务器端呈现给NodeElasticBean秸秆环境的React时，该站点显示了一个502错误，在运行webpack构建过程中，Nginx无法获得连接。
在package.json中，我运行以下命令来完成构建，这是在部署期间由ElasticBean秸秆触发的：
"prestart": "node node_modules/webpack/bin/webpack.js --progress --colors --bail"
构建完成后，我运行以下命令来启动服务器：
"start": "node dist/server.js"
浏览 5提问于2017-03-23得票数 0
回答已采纳
我试图在netlify上部署三个js站点。它显示的是像错误消息一样的简单错误消息: Deploy : directory 'dist‘不存在，尽管成功构建了站点
{
"name": "shuence",
"version": "1.0.0",
"description": "webpack starter",
"main": "app.js",
"scripts": {
"test": "ec
浏览 2提问于2021-11-24得票数 0
1回答
我想使用WebPack构建我的JavaScript应用程序。应用程序应该部署在几个站点上，通过几个不同的修改。因此，我将配置设置为使用多个入口点，每个站点一个：
entry: {
s1: "s1",
s2: "s2",
s3: "s3"
},
应用程序还使用了几个依赖项，这些依赖项是通过AMD模块加载的(我以前使用过RequireJS )：
c1
c2
...
假设s1同时需要c1和c2，而s2只需要c1。构建工作正常，它创建s1、s2和s3作为入口点，并根据站点的需要创建几块包含各种组件组合的块：
/* s1 */
define([
浏览 2提问于2016-03-01得票数 1
这是我第一次尝试用webpack的简单模板.总的来说，我对webpack没有什么经验，我希望有人能帮我找到正确的方向。我正在尝试部署一个Vue应用程序，使用webpack-简单的Netlify。
据我所知，我应该能够在Netlify上运行npm run build或yarn build，瞧.但是，在部署之后我会得到404。下面是影响Netlify上部署的文件：
这是我的webpack配置：
var path = require('path')
var webpack = require('webpack')
require("babel-polyfill
浏览 0提问于2018-10-11得票数 1
回答已采纳
错误：./app/main.jsModule解析失败: E:\project\app\main.js意外令牌(9:14)您可能需要一个适当的加载程序来处理这个文件类型。(E:\project\node_modules\webpack\node_modules\acorn\dist\acorn.js:923:13) at Parser.pp.unexpected (E:\project\node_modules\webpack\node_modules\acorn\dist\acorn.js:1490:8) at Parser.pp.parseExprAtom (E:\project\node
浏览 7提问于2016-07-18得票数 2
回答已采纳
2回答
与angular cli 进行一轮较量
我可以创建一个简单的应用程序并在localhost上查看它。
如果我检查本地主机站点，我可以看到由webpack插入的css和js链接。
当index.html看起来像这样时，这些是如何添加的
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Wpng</title>
<base href="/">
浏览 0提问于2017-04-21得票数 2
我在学webpack，这是一个理论问题。对于站点中的每个网页，我计划创建一个特定于页面的模块，该模块本身需要一个用于整个站点代码的模块。我计划使用webpack的splitChunks，这样整个站点的代码就会保存到一个单独的bundle.js中。从理论上讲，这是合理的/最佳实践吗？我认为在sitewide模块是主条目的情况下，相反的情况是可能的。有什么想法？
浏览 19提问于2018-07-18得票数 1
回答已采纳
2回答
我得到了这个给我的起点应用程序，我必须给它添加react。
这是一个具有以下结构的基本节点应用程序：
MyProject
src
scripts
index.js
styles
index.scss
index.html
webpack
webpack.common.js
webpack.config.dev.js
webpack.config.prod.js
.babelrc
我还得到了这个package.json：
{
"name": "frontend-assessment-t
浏览 3提问于2019-11-25得票数 1
我觉得好像错过了什么。我已经阅读了Jekyll和Hugo的文档，但我仍然不明白为什么人们会用它们来代替像Pug和Webpack或者Parcel这样的东西来创建一个静态站点。
那么，静态站点生成器提供了哪些绑定器没有的功能呢？
浏览 0提问于2018-08-07得票数 3
回答已采纳
我有一个静态站点，在那里我使用Vue和Webpack。
我在一个名为style.css的文件中有一些全局CSS规则，我正在使用import './styles.css'从我的index.js文件中导入它们。此外，我有一些.vue文件，它们生成自己的CSS。
为了生成超文本标记语言页面，我使用了html-webpack-plugin。
我的CSS规则似乎应用正确。然而，包含它们的<style>标签是通过Webpack生成的Javascript动态添加到我的页面的<head>中的。我更希望在生成的index.html文件中静态地显示这些<style&g
浏览 2提问于2018-06-09得票数 9
回答已采纳
使用electron时如何提供自定义index.html -webpack？
我是新手webpack，我设法用电子配置它，但我没有让webpack-开发-服务器查看我的html文件，所以我必须刷新每次我做的更改，这就是为什么我尝试电子-webpack。
浏览 0提问于2017-09-16得票数 6
9回答
如果我更改了我的angular应用程序，块名称将在构建时更改，旧版本将从dist文件夹中删除。部署后，如果用户当前在站点上，然后导航到站点的另一部分，我会收到“加载块失败”错误，因为旧文件已不在那里。
我的应用程序是使用Angular CLI构建的，并使用webpack打包。
有没有办法解决这个问题？
浏览 0提问于2018-03-10得票数 46
1回答
WebPack有多安全？
、、、
如果NPM包像这篇文章中描述的那样容易受到攻击，那么在web应用程序中使用WebPack是可以接受的吗?在哪个应用程序中，安全性是优先考虑的？
编辑:当使用WebPack时，你应该使用NPM软件包(有很多依赖项和子依赖项)，但是在“经典”网站中，你通常从官方站点下载第三方库，并且只在你真正需要的时候更新它们，这似乎要安全得多。
浏览 0提问于2018-12-18得票数 1
回答已采纳
我已经在互联网上搜索过，有零碎的东西，但是没有任何东西为我而聚在一起。我有一个本地Drupal环境和Lando一起运行。我成功地安装和配置了webpack。一切正常，除了我试着观看或热装。
当我运行lando npm run build-dev (目前使用webpack --watch )时，我可以看到我的更改已成功编译到正确的文件夹中。但是，当我刷新我的Drupal站点时，我没有看到这种变化。我唯一一次看到更新的JS更改是在运行lando drush cr以清除缓存时。当我试图配置webpack-dev-server.时，也会发生同样的事情--我可以得到所有的东西来监视更改并正确编译，但是我
浏览 11提问于2022-03-28得票数 0
回答已采纳
我喜欢npm run watch，但我的未压缩包只有7.5MB。我还通过ngrok为HTTPS使用(和团队使用)进行了隧道传输。因此，要进行一次简单的页面重新加载来检查CSS更新是否如预期的那样工作，这需要相当长的时间。 如果我能在开发过程中提供gzipped版本，那就太好了……但是，每当我在本地创建app.js.gz时，元数据标头都无法正确设置。 在亚马逊S3上，我可以很容易地设置头文件：Content-Encoding: gzip和Content-Type: text/javascript 通过S3存储桶，这些元数据标头告诉浏览器膨胀文件，然后站点正确呈现。 但是，我尝试在本地不使用S3
浏览 14提问于2019-09-27得票数 2
2回答
我用创建了一个站点，我用./client/build构建了一个站点，并使用提供服务。
使用，我还设置了在dev (localhost)中工作良好的2个基本API路由。
我如何在上部署？
我用react-scripts构建客户端
然后，我手动地将环境设置为生产，以便使用webpack在本地构建服务器。
最后，我将代码推送到我的GitLab回购中，它会自动触发部署。
使用Netlify部署的设置：
Build command: Not set
Publish directory: client/build
问题
当我尝试使用我的API路由之一时，我得到一个错误404 .
项
浏览 5提问于2017-11-30得票数 6
回答已采纳
next-config.js
/** @type {import('next').NextConfig} */
module.exports = {
i18n: {
locales: ['en', 'ru'],
defaultLocale: 'en',
},
publicRuntimeConfig: {
API_URL: process.env.API_URL,
},
images: {
domains: ['fakestoreapi.com'],
},
浏览 10提问于2022-02-15得票数 2
我们使用的是ManuTheme和bin/watch-storefront.sh t.sh。(生产模板，用于客户商店) 但是使用Webpack代理显示的站点看起来与我们通常看到的非常不同。 一种理论是主题的文件没有被加载？这是真的吗？使用watch-storefront时，是否需要额外的工作来加载所有主题文件 在Webpack的输出中，列出了所有主题模块： # Webpack Plugin Injector: Plugin "Storefront" injected as a new entry point
# Webpack Plugin Injector: Plugin &
浏览 22提问于2021-07-03得票数 0
回答已采纳
我是新来的，所以这可能是件很愚蠢的事情。
我当前的文件结构如下
---src
------css
---------colors.sass
---------main.sass
------img
---------img1.png
------js
---------app.js
---------alert.js
---index.html
---test.html
package.json
webpack.config.js
我的webpack.config.js如下
//NPM
var path = require('path');
var webpack = requ
浏览 29提问于2017-07-24得票数 0
我实际上不知道谷歌是什么，因为我不知道这个术语，或者你称之为什么过程。
因此，基本上，我有一个开发站点：http://mylocalwebdev.test，它是用CodeIgniter编写的，我正在尝试创建一个页面http://mylocalwebdev.test/image-switcher-demo，它的前端将使用React开发。(这基本上是我的反应和webpack的练习)
所以，我已经创建了我的webpack配置，它可以生成bundle.js，现在我想使用webpack-dev-server进行实时开发。现在，我对在我的配置路径中放入config -> output -> p
浏览 0提问于2018-04-04得票数 1
回答已采纳
2回答
我希望通过这个命令运行webpack构建生产：
"prod": "webpack -p --config webpack.production.config.js"
我的.travis.yml文件：
language: node_js
node_js:
- "6.9.1"
install:
- npm i -g yarn && yarn
before_script:
- yarn prod
deploy:
provider: s3
local-dir: public
on:
branch: c
浏览 5提问于2016-10-22得票数 4
回答已采纳
4回答
我正在使用webpack，并且想部署我的站点。如果我缩小并捆绑我的JavaScript代码，我会得到这个错误：
分析错误：意外标记:名称(Button)
下面是我的非捆绑代码：
'use strict';
export class Button { // <-- Error happens on this line
constructor(translate, rotate, text, textscale = 1) {
this.position = translate;
this.rotation = rotate;
浏览 31提问于2017-05-31得票数 60
回答已采纳
1回答
我想创建适当的webpack设置，以开发我自己的反应组件和演示应用程序的那个库。
我有以下目录结构：
.
├── build
│ ├── component.dist.js
├── demo
│ ├── demo.js
│ ├── app.js
│ └── index.html
├── package.json
├── src
│ └── component.source.js
└── webpack.config.js
我想设置webpack，这样它就可以处理从src目录到build中的component.dist.js的构建。这是最简单的部分。此外，我希望我的组件有演示
浏览 3提问于2016-03-28得票数 1
我有以下错误: DevTools未能加载SourceMap:无法加载内容为SourceMap HTTP错误:状态代码404，net::ERR_UNKNOWN_URL_SCHEME我使用webpack
我尝试创建vutify组件，有些元素显示不正确，似乎css丢失了。
我在Google的源代码中看到过，我可以看到vuetify/dist目录，但它不包含vuetify.js.map文件。我使用了以下项目: github.com/TrilonIO/aspnetcore-Vue-starter
有什么要添加到webpack.config.js文件中来管理映射文件吗？
我在webpack.config.
浏览 2提问于2020-04-22得票数 2
我正在用webpack + misc重建一个静态的传统网站。插件(mini-css-extract-plugin，html-webpack-plugin，copy-css plugin-plugin等)。
这个现有的站点包括ssi (html包含在我们部署的Apache环境中的html代码的“组件”-izing的shtml文件中，SSI html除了使用包含(主页，关于等)的shtml页面文件之外，还包括像页眉，页脚等，所以SSR不在表中。不幸的是，我无法控制服务器/CMS配置)。
我需要在src文件夹中保留SSI设置的文件夹结构，在开发服务器上正确地呈现它(使用带有散列文件注入、实时重载等的
浏览 34提问于2020-02-08得票数 0
回答已采纳
TLDR:如何将css-modules与普通sass相结合，最好是在webpack中。
设置：
我正在为一个电子商务网站的造型构建过程工作。该站点的样式目前是用sass和js完成的，它们通过gulp 浏览器化构建过程完成。
我最近添加了一个页面应用程序，它使用react和webpack以及babel构建。在该应用程序中，我利用webpack提供的为每个react组件提供类名。
问题是：
我想把webpack css-modules构建的风格与网站的主要样式捆绑在一起。为了做到这一点，我在考虑建立webpack的配置，以建立整个网站的风格。我遇到的问题是如何获得当前由单页webpack配置构建的
浏览 3提问于2016-10-13得票数 4
我使用webpack和html-webpack-plugin用生成的脚本包(比如bundle.[hash].js )更新我的index.html文件。
然后，我必须运行webpack-dev-server，这样我就可以将该包加载到内存中，并利用热模块替换。
这会使代码编译两次。
但是，我希望webpack-dev-server也能够使用新的bundle.[hash].js更新index.html文件，因为现在我必须先运行webpack，然后运行webpack-dev-sever。编译两次似乎很奇怪。
同样，我运行webpack的唯一原因是使用包的新散列更新我的index.html文件。如果我可
浏览 29提问于2016-06-15得票数 6
我目前正在从webpack v4迁移到v5，我正在旋转我的开发环境，我得到
/../../../web/node_modules/webpack/lib/util/fs.js:200
fs.mkdir(p, err => {
^
TypeError: Cannot read property 'mkdir' of undefined
at mkdirp (/../../../web/node_modules/webpack/lib/util/fs.js:200:5)
at /../../../web/node_modules/web
浏览 12提问于2021-12-21得票数 0
1回答
我在VisualStudio2017中创建了一个.NET Core Angular 5 SPA。我对Webpack在上面的工作方式感到非常困惑。例如，在package.json中没有Webpack的脚本。
{
"private": true,
"version": "0.0.0",
"scripts": {
"test": "karma start ClientApp/test/karma.conf.js"
},
"dependencies": {
浏览 1提问于2017-11-26得票数 1
回答已采纳
我在我的站点上收到一条消息：“您正在开发模式下运行Vue。请确保在为生产部署时打开生产模式。”
我试着通过更改我的"package.js“来打开生产模式，但是我仍然收到消息。我还将我的.env更改为APP ENV= production
{
"private": true,
"scripts": {
"dev": "npm run production",
"development": "cross-env NODE_ENV=development n
浏览 2提问于2020-04-05得票数 0
我担心这个问题可能太宽泛了，但我希望在我的webpack设置方面得到一些帮助。
我用Angular有一个很大的均值堆栈设置。该解决方案目前在功能上使用的是一个Webpack版本。
到目前为止，我使用的是纯css文件，这些文件在组件声明中由Angular引用，例如：
@Component({
selector: 'something',
templateUrl: 'template',
styleUrls: ['some_component_style.css', 'other.css']
})
然而，我计划在将来将我所
浏览 12提问于2018-07-27得票数 2
回答已采纳
我要构建React + Redux + Webpack应用程序。我想把它建设成静态站点，我可以把它放在主机上(比如S3)。
是否有任何限制或严重的缺点部署React+Redux+Webpack应用程序主机作为静态站点？
浏览 7提问于2017-02-15得票数 3
回答已采纳
对于一个相当大的Web应用程序，我希望在同一个页面上运行多个Webpack (Encore)实例。当我把所有的源代码放到一个Webpack配置中时，它都能工作。然而，当我有两种不同的配置，具有相同的源代码时，我总是会遇到如下错误：
lib.84f46ab6.js:19 Uncaught TypeError: __webpack_require__.n is not a function
at Object../assets/js/lib.js (lib.84f46ab6.js:19)
at __webpack_require__ (bootstrap:19)
at __
浏览 5提问于2021-05-14得票数 7
回答已采纳
我使用Webpack (在Windows环境中)，我试图使用less-loader和extract-text-webpack-plugin生成一个css文件。我的less、webpack-core和webpack也在node_modules文件夹中。
在我的应用程序中，我使用：
require('./index.less');
我的Webpack配置：
const path = require('path');
const ExtractTextPlugin = require("extract-text-webpack-plugin");
m
浏览 0提问于2016-04-11得票数 11
回答已采纳
大家都知道，如果我们开始webpack，它就会去像localhost: 8080这样的网站，现在我想让所有我们访问的站点都成为代理，好像当我去localhost: 8080的时候，实际上我访问了www.abc.com，如何在配置中设置webpack呢？
我在下面做，但不工作：
devServer: {
proxy: {
"/": {
target: "www.a.com"
}
}
}
有人能帮我吗？
浏览 0提问于2017-09-09得票数 0
回答已采纳
1回答
一个我似乎找不到答案的简单问题。我和webpack一起创建了一个静态站点生成器。有没有可能让webpack在生产服务器上再次运行和构建项目？我猜我一直没有找到任何信息是有原因的，但我真的想知道为什么。
假设我的静态站点生成器使用使用CMS创建的数据。当数据保存在CMS上时，我运行一个webpack构建命令，它会重新构建我的站点文件。这是可能的还是非常糟糕的想法？
浏览 3提问于2017-04-28得票数 0
我正在做一个使用Jekyll，Webpack和Vue的项目样板。我现在有一个npm脚本来启动webpack开发服务器.作为一个业余爱好者，我想知道我如何完成以下工作：
查看./vue文件夹中的文件以了解更改
关于变更，捆绑到./src/assets/js/bundle.js
执行jekyll build，以便从./src生成文件到./dist
刷新页面(或使用热模块替换)
任何建议，或者朝着正确的方向前进，都将是令人惊奇的。回购目前的状态是：。
编辑
一个可能的解决办法是：
斧头webpack-dev-server从方程
使用Webpack --watch自动
浏览 6提问于2017-04-23得票数 4
使用，由于该站点在webpack构建过程中将内容文件呈现为html，这是否意味着对于像博客这样的东西，每一篇新帖子都需要新的服务器推送？
如果是这样的话，有没有人对该工作流有最佳实践？
浏览 4提问于2016-06-14得票数 7
回答已采纳
3回答
当我运行webpack时，_在window：window._ ::: Error: _ is not defined上返回未定义。我认为将_放入插件中会将其暴露给window。我的理解是错误的吗？
const webpack = require('webpack');
const plugins = new webpack.ProvidePlugin({
$: "jquery",
_: "underscore"
});
module.exports = {
entry: {
app: './sr
浏览 1提问于2017-11-02得票数 3
我正在开发一个客户端应用程序，但我在创建正确的Karma配置时遇到了麻烦。现在，我的设置如下：
Webpack:使用ts-loader，编译TypeScript，assets等。
Karma:使用webpack插件，加载Webpack配置(使用ts-loader)，然后使用Jasmine + PhantomJS运行所有单元测试
单元测试都运行得很好，但是我还没有想出一种方法来处理webpack在伊斯坦布尔的重新映射。Karma-webpack似乎没有生成源映射来允许重新映射的发生。如有任何建议，我们将不胜感激！
Karma Config：
var webpackConfig = require
浏览 0提问于2016-03-20得票数 11
2回答
我有一个应用程序使用React，are路由器，Redux和Webpack来捆绑，基本上问题是客户端说SEO不好，因为React的内容或方式渲染了应用程序，因为如果你去看源代码不存在，我知道Googlebot可以抓取一个SPA，我检查了Google和页面呈现良好的抓取，但客户觉得这就是问题所在。我测试了反应快照，预制板-温泉插件，静态站点生成器-webpack-插件，以及下一个，但谁都不适合我。我想知道是否存在解决这个问题的方法，而不改变项目结构，或者至少有理由或解释不这样做。谢谢
浏览 0提问于2018-06-21得票数 3
因此，我们正在使用React和Webpack开发一个站点生成器。该工具附带了一个设计器，它允许您添加第三方npm插件，并在反应性代码段中使用它们。
最终用户可以对各种站点模板进行更改，然后使用webpack编译我们服务器上的站点包，并将它们部署到用户选择的云主机上。用户也可以在部署之前预览我们服务器上的站点更改。
到目前为止，我们的策略是为每个站点生成一个package.json和webpack.config文件，然后运行webpack。这是可行的，但速度很慢。现在，我们的计划是使用DllPlugin和DllReferencePlugin为这些包预创建dll脚本，我们将这些脚本添加到站点模板代
浏览 2提问于2017-10-05得票数 1
1回答
我正在用react-rails构建一个rails 5.2应用程序。
与rails 5.2不兼容，实时重装将与一起工作，我正在努力了解如何配置webpacker以进行实时重新加载。
我在读了一篇文章
我在一个单独的终端实例中运行./bin/webpack-dev-server --inline=false和rails s，但是我不能在webpacker localhost:3035/movies上显示站点。浏览器中的输出是Cannot GET /movies。
我刚刚创建了，不知道webpacker，非常感谢您的任何输入。
浏览 0提问于2018-12-10得票数 2
回答已采纳
我正在试着和webpack一起编译一个简单的mapbox-gl示例。我使用的是具有以下标准配置的webpack： const path = require('path');
module.exports = {
entry: './src/main.js',
watch: true,
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js'
}
}; 我的main.js是来自mapbox-gl站点的
浏览 31提问于2020-10-22得票数 1
我正在尝试将一个基于requireJS的应用程序迁移到webpack。
这个应用程序没有太多依赖项--实际上它只需要一个promise polyfill --而且我已经想出了如何让webpack使用简化的polyfill。
requireJS的捆绑包大小过去是43KB，使用webpack时是121KB。
虽然121KB并不是真的很大，但它的大小增加了很多。
通过运行webpack --display-reasons --display-modules，我了解到我的捆绑包中似乎包含了一些node_module依赖项。比我想象的要多得多。
我看到像buffer、readable-stream、st
浏览 21提问于2017-02-14得票数 1
回答已采纳
我想知道是否有可能通过组合webpack和js的oop来得到如下所示的函数代码。目标是能够隔离我的站点的每个元素(侧边栏，主，...)在不同的文件中，同时确保它们之间可以交互。 有没有可能用webpack和纯js呢？ import ApplePicker from "./my_path/applePicker.js";
import NiceFarmer from "./my_path/niceFarmer.js";
const orchard = function () {
const appleNumber = 10;
const ja
浏览 10提问于2019-01-31得票数 0
1回答
我正在尝试将几个Vue.js组件从一个主应用程序中分离到存储在存储库中的npm包中。然后可以导入这个包，并在两个不同的站点上使用。我用Webpack来捆绑所有的东西，但是对应该使用的布局有一些疑问。
看到像Vue.js和Vuex这样的东西将作为主应用程序的依赖项来安装，我知道包一旦安装在这两个主要应用程序上就可以访问这些应用程序。
我的主要困惑是如何处理仅属于包的依赖项，是否将其捆绑为webpack的一部分，如果愿意的话，在应用程序上运行npm install会自动安装“依赖项”吗？这些东西有一般的标准吗？
浏览 1提问于2022-01-06得票数 1
回答已采纳
我不想在开发环境中使用迷你的javascript。下面我附上了我的webpack文件和package.json的一部分。正因为如此，我无法捕获代码中发生的错误。而且我也得到了下面的错误-
1] Webpack.config.js
var path = require('path');
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin'
浏览 0提问于2017-02-07得票数 0
问题
我有一个Vue SSR应用程序，它在使用CSS-Loaderversion3.6.0时呈现样式完全正常，但是当我将应用程序更新为CSS-Loader4.0.0时，我不再在我的应用程序中获得任何样式。
当我查看我的应用程序的html页面时，我在我的文档的“”标签中看到了“样式”标签。当我为我的应用程序查看HTML页面时，带有css- 4.0.0的缺少。
注意: Vue CLI没有用于创建此项目，因为我正在进行服务器端呈现
有谁知道我的应用程序要升级到最新的css加载程序时需要做的任何更改吗？
造型
我的应用程序在每个组件中使用内联样式，我不使用任何css文件。下面是我的一个组件的示例。
&
浏览 1提问于2020-11-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
