如何使用webpack 2正确打包loadCSS和cssrelpreload？
Webpack是一个现代的JavaScript应用程序静态模块打包工具。它主要用于将各种资源（如JavaScript、CSS、图片等）打包成一个或多个静态资源文件，以便在浏览器中加载。
要正确打包loadCSS和cssrelpreload，可以按照以下步骤进行：
- 首先，确保已经安装了Webpack和相关的loader。可以使用npm或yarn进行安装。
- 在项目根目录下创建一个webpack.config.js文件，并配置Webpack的入口文件和输出文件等基本信息。
- 在webpack.config.js文件中，配置Webpack的module.rules，用于处理不同类型的文件。对于CSS文件，可以使用css-loader和style-loader来处理。
- 在webpack.config.js文件中，配置Webpack的module.rules，用于处理不同类型的文件。对于CSS文件，可以使用css-loader和style-loader来处理。
- 在项目中安装loadCSS和cssrelpreload的相关依赖。
- 在项目中安装loadCSS和cssrelpreload的相关依赖。
- 在入口文件（如src/index.js）中引入loadCSS和cssrelpreload，并使用它们来加载CSS文件。
- 在入口文件（如src/index.js）中引入loadCSS和cssrelpreload，并使用它们来加载CSS文件。
- 这样，Webpack会根据配置将CSS文件打包到输出文件中，并在浏览器中正确加载。
在使用Webpack打包loadCSS和cssrelpreload时，可以使用腾讯云的云原生产品来提供更好的性能和可靠性。例如，可以使用腾讯云的云服务器CVM来部署和运行Webpack打包后的应用程序，使用对象存储COS来存储静态资源文件，使用CDN加速来提供更快的访问速度。
腾讯云相关产品和产品介绍链接地址：
- 云服务器CVM：https://cloud.tencent.com/product/cvm
- 对象存储COS：https://cloud.tencent.com/product/cos
- CDN加速：https://cloud.tencent.com/product/cdn
相关·内容
我试着用“webpack 2”打包，但是失败了。我想让在浏览器中执行，这样它就可以为不支持rel="preload"的浏览器预加载CSS文件。
我尝试过使用imports-loader和exports-loader来使window.loadCSS可用于cssrelpreload.js，但我无法正确配置它。
我能够使window可用于loadCSS.js，但这无助于正确执行cssrelpreload.js。
我需要如何配置webpack才能正确打包这个包？
浏览 12提问于2017-02-06得票数 3
1回答
当我试图运行Webpack时，我遇到了这个错误，我不知道为什么。使用Webpack 4.不知道为什么没有任何建议。我遵循Webpack的书，我相信我做了正确的步骤。我试着改变位置，然后移动它。我还试图移除loadCSS末尾的大括号，但是那样就不调用函数了。
[nodemon] watching: webpack.config.js
[nodemon] starting `webpack-dev-server --env development`
/Users/oscar/batcave/webpack-demo/webpack.config.js:20
parts.loadCSS(),
浏览 0提问于2018-03-30得票数 1
回答已采纳
我正在尝试将Leaflet.js集成到我的Vaadin应用程序中。由于某种原因，我无法加载CSS和标记...在大量阅读之后，我发现(我希望我做到了)为了能够正确加载所有内容，我需要配置webpack.config.js。我试了所有的办法，但似乎都不管用。 这是我的leaflet-connector.js： import L from 'leaflet';
import style from 'leaflet/dist/leaflet.css';
import 'leaflet/dist/leaflet.css';
import marker
浏览 43提问于2021-01-26得票数 0
2回答
有人能帮我用webpack configuration>添加样式吗?我在很多地方搜索过，但没有得到正确的答案。
我需要它使用sass装载。
我也是angular2和webpack的新手
请帮帮我?
浏览 0提问于2016-09-01得票数 0
我所做的-我正在使用electron forge typescript & webpack模板。另外，由于nsis的打包选项，我希望使用electron-builder而不是Electron-Forge windows maker windows.squirell。
错误-应用程序以正确的开发模式运行。但是，在打包的应用程序中，我得到了一个白屏幕。
I怀疑没有使用"@electron-forge/plugin-webpack"生成的构建文件。
电子生成器Config
"build": {
"appId": "
浏览 4提问于2021-10-28得票数 2
1回答
这是我的package.json。我为webpack.I添加了依赖项，我对我的决定和脚本是否正确感到困惑？因为当我开始进行npm启动时，它开始捆绑并在浏览器上启动angular2项目，我遇到了一个问题，无法获得app.bundle.js，我提供了下面的index.html，webpack.config.js。
{
"name": "angular-quickstart",
"version": "1.0.0",
"description": "QuickStart package.json
浏览 0提问于2017-03-14得票数 2
我使我的网站移动友好，我是加载不同的CSS文件，如果用户是使用触摸设备或不使用。我已经编辑了这个问题来代替创建一个警告框来简化这个问题。
请注意： LoadCSS(style.css)已更改为alert()
我想运行存储在变量中的javascript代码。
根据我的研究，eval(变量)以代码的形式运行/执行变量，但这是行不通的。
我想运行的代码存储在"isTouchscreen“和"notTouchscreen”中。
- isTouchscreen.js --
function ifTouchscreen(isTouchscreen, notTouchscreen) {
//
浏览 4提问于2019-11-08得票数 0
回答已采纳
1回答
我一直在寻找一种没有运气的解决方案，似乎没有人知道如何正确地将popper.js导入到.net核心的Range5项目中，我正在使用visual 2017，这是在更新包之后发生的，我知道这是与引导4相关的东西，这是我的package.json：
{
"name": "Monitor",
"private": true,
"version": "0.0.0",
"scripts": {
"test": "karma start ClientApp/te
浏览 1提问于2018-02-20得票数 0
1回答
我想为我的ReactJS应用程序实现服务器端呈现。我用react-router。我以routes.js作为webpack的切入点，并使用output.libraryTarget = "commonjs2"选项编译。然后，我需要在NodeJS脚本中编译的结果来进行渲染。但我错了。Webpack用以下代码包装模块：
/* 277 */
/***/ function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(Buffer, global) {
if (gl
浏览 5提问于2016-01-11得票数 3
回答已采纳
无法使引导多选()与Angular2+一起使用。据我所知，一切都安装正确：
packages.json
"dependencies": {
(...)
"bootstrap": "^4.1.3",
"bootstrap-multiselect": "^0.9.13-1",
"jquery": "^3.3.1",
}
angular.json
"styles": [
"./node_modules/bootstrap/scss/bootstr
浏览 15提问于2018-09-05得票数 2
我试图了解在javascript的情况下，这种方法是如何工作的。Webpack基本上缩小了javascript，当它说编译时，我想。那么，在这种情况下，一些不可信的javascript代码如何通过webpack在服务器上执行恶意代码呢？javascript通道中一位善良的人告诉我，这可以通过内联加载器语法来实现。但我还是不明白这怎么可能。
作为参考，“入门”页面中显示的警告如下：
不要与webpack一起编译不可信的代码。它可能导致在计算机、远程服务器或应用程序最终用户的Web浏览器中执行恶意代码。
参考文献：
更多信息:在编译时(通过加载程序)和在运行时，有两种方法可以执行代码。如
浏览 1提问于2020-10-24得票数 3
回答已采纳
1回答
不可能不在printThis()元素中打印div包含吗？
例子：
<div id="print-it">
<div>hello</div>
<div id="no-print-this">
<button>must be show on page but not print</button>
</div>
</div>
<button id="printMe">Print button</button>
和JQUERY
浏览 4提问于2018-11-08得票数 2
回答已采纳
vue+webpack+aframe开局很好
嗨!我试图用vuejs来构建一个包含gltf模型的场景。
我的项目是使用vue cli和webpack模板建立的。
对于基本设置，如您所见，它正在按预期工作。
这是不快乐的部分。
对于默认设置，webpack不允许我需要gltf/glb文件。因此，我已经安装并使用文件加载器将其烘焙成静态的。
这是我在webpack.config.js中更改的部分。
{
test: /\.(glb)(\?.*)?$/,
use: [{
loader: 'file-loader',
浏览 1提问于2018-03-05得票数 3
1回答
如果我使用这样的东西来延迟加载一些css文件，那么可以在其中添加2个css文件吗?还是只能加载1个？
<script>
var cb = function() {
var l = document.createElement('link');
l.rel = 'stylesheet';
l.href = 'yourCSSfile.css';
var h = document.getElementsByTagName('head&#
浏览 4提问于2015-05-09得票数 1
我在一个NuxtJS项目中使用了库节点-rsa (https://www.npmjs.com/package/node-rsa)。当使用命令nuxt build (默认情况下包括JS和CSS的缩写)为生产环境构建时，构建过程在接近尾声时中断，并显示以下消息： ERROR in 0.nuxt.bundle.7c6932a7a42bdaaa7fa4.js from UglifyJs
Unexpected token: name (pem) [./~/node-rsa/src/formats/pkcs1.js:55,0][0.nuxt.bundle.7c6932a7a42bdaaa7fa4.js:
浏览 14提问于2019-02-14得票数 0
回答已采纳
1回答
我正在努力加深我对JavaScript模块的理解，而不仅仅是使用CommonJS，AMD和ES模块。
这让我更深入地研究了webpack，以了解它是如何在浏览器中实际使模块工作的，而不依赖于仍然相对较新的ES模块。据我所知，Webpack捆绑了JS，将import和require语句转换为自己的语句，并将其附带运行时和清单，以允许其执行它们。因此，通过基本实现自己的模块，Webpack已经克服了缺乏模块支持的问题？
我试图将它与另一个捆绑包-- Parcel进行比较，但我似乎找不到任何关于它如何处理模块的信息。
有没有人知道我对Webpack的理解是否正确，以及这与Parcel是如何做比较的？
浏览 1提问于2020-09-28得票数 1
我有一个包含Spring Boot和React Native的JHipster项目。我使用./mvnw可以正常运行，但是，当我将整个项目放到Ubuntu上时，它无法运行，日志如下： ERROR Failed to execute goal
com.github.eirslett:frontend-maven-plugin:1.8.0:npm (webpack build dev)
on project galley-1: Failed to run task: 'npm run webpack:build' failed. org.apache.commons.exec.
浏览 25提问于2019-10-18得票数 0
正在尝试创建使用webpack捆绑的JavaScript lambda。我现在的index.js有这样的结构：
const AWS = require('aws-sdk');
const fs = require('fs');
exports.handler = async (event) => {
...
}
我的webpack.config.js看起来像这样：
const CopyPlugin = require('copy-webpack-plugin');
const path = require('path');
浏览 66提问于2019-11-13得票数 0
1回答
我在写一个角形2应用程序。我从这个应用程序中分离出一个组件到它自己的名为ng2-wizard的npm包中。此包包含我的compoennt代码及其在SCSS文件wizard.scss中的样式。
现在，我想将这个SCSS样式包含在我的角组件中，作为styleUrls或styles之类的，但是
我希望我的应用程序的 webpack将这个scss转换成css，以便应用程序编码器可以覆盖我的组件的SCSS变量，如果需要的话。
我不想在我的ng2-wizard包里有任何webpack的东西，除非这是解决这个问题的唯一方法。
我尝试使用以下两种方法将scss文件包括在组件中：
// 1
浏览 1提问于2016-11-28得票数 1
我有个前端JS项目。我想使用进行测试，用于捆绑。我在我的项目中使用。
摩卡要求将我的包的type设置为module，如所描述的。而webpack在这个案子中失败了
[webpack-cli] Failed to load 'webpack.config.js'
[webpack-cli] TypeError: Invalid host defined options
...
我如何在ES6项目中使用摩卡和webpack？
浏览 8提问于2021-01-25得票数 1
回答已采纳
我正在尝试从chrome的javascript中加载js和css文件，可以看到这两个文件都已加载，mofo警报被触发，然后是测试警报，但没有test2警报。
为什么，是javascript中有我看不到的错误吗？
function loadScript(url, callback){
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
script.onreadystatechange =
浏览 12提问于2016-09-10得票数 0
回答已采纳
1回答
错误
TypeError: Object is not a constructor (evaluating 'DataTableInjector'
Package.js
"vue-loader": "^8.3.0",
"inject-loader": "^2.0.1",
"webpack": "^1.12.2",
代码：
const DataTableInjector = require('!!vue?inject!./../../../js/components/DataT
浏览 1提问于2017-01-03得票数 0
回答已采纳
1回答
我已经用React和Webpack做了一段时间的应用程序。我的开发环境工作得很好，所有的东西都使用webpack开发服务器正确加载.
我决定运行应用程序的生产构建，以查看最终产品的大小，并观察webpack产品构建的一般输出。
结果是，运行webpack -p，虽然它确实会产生输出(稍后会详细介绍)，但当我在浏览器中访问该站点时，它根本不会加载任何内容。对输出的快速检查告诉我，我的任何组件代码都没有进入webpack -p构建。
图片和HTML拷贝在我的src (dev)文件夹中，但是我的JS包输出非常小--文件(main.js)只有246个字节。
这是运行webpack -p的输出
$ np
浏览 6提问于2016-01-21得票数 3
回答已采纳
2回答
我正在使用webpack构建我的云功能(有几个原因可以作为路径别名、类型记录和其他一些信任)。
我有我的index.ts文件和src文件夹，其中包含了每个函数的各个文件。
然后我的index.ts文件像这样导出它们
import admin from 'firebase-admin';
admin.initializeApp();
export const func1 = require('./src/func1').default;
export const func2 = require('./src/func2').default;
与
浏览 1提问于2021-01-29得票数 2
回答已采纳
2回答
添加内容后调用js文件
、、、
我想知道如何在添加内容后调用iframe head中的所有js文件。
对于eg - in tinyMCE，在添加表之后，我希望在iframe头部加载jquery移动文件(发送调用)，以便js文件能够识别属性。例如data-role="page。
浏览 0提问于2013-06-05得票数 1
我创建了一个非常基本的MVC 5角2应用程序，如果我使用SystemJS，它工作得很好。然而，我希望能够捆绑我的代码，这样我就可以将它添加到我的BundleConfig文件中，并决定查看Webpack。我已经到了可以生成捆绑包并将它们保存到磁盘(使用webpack -watch)的地步，但是当我将它们包含在我的BundleConfig中时，它无法工作，因为它无法找到组件的模板。
所以问题是:有没有更好的方法来做到这一点？我的意思是-我想坚持使用MVC 5，使用Visual (这意味着使用VS类型记录编译器)并能够捆绑我的js/css文件。
我对这个框架很陌生(角2/ Webpack等)如果你需
浏览 2提问于2017-05-06得票数 2
回答已采纳
到目前为止，我已经有了这段代码，我得到了
var gulp = require('gulp');
var webpack = require('webpack-stream');
var named = require('vinyl-named');
gulp.task('default', function() {
return gulp.src('*/lib/app.js', { base: '.' })
.pipe(named())
.pipe(webpack())
浏览 0提问于2016-07-08得票数 1
3回答
您知道如何在不刷新页面的情况下加载随机css 吗？我想加载一个随机样式，就像在这个线程中实现的那样：
<script>
var link = [];
link[0] = "css/0.css";
link[1] = "css/1.css";
link[2] = "css/2.css";
link[3] = "css/3.css";
$(function() {
var style = link[Math.floor(Math.random() * link.length )];
if (documen
浏览 4提问于2017-02-13得票数 0
回答已采纳
1回答
我正在开发的应用程序需要动态加载CSS和JS，现在的解决方案如下：
myapp.loadCss = function(css){
$("head").append("<link>");
cssDom = $("head").children(":last");
cssDom.attr({rel: "stylesheet",
type: "text/css",
href: css
浏览 1提问于2010-05-03得票数 1
1回答
以下是我的Webpack配置中与我的问题相关的部分：
new webpack.EnvironmentPlugin(['NODE_ENV']),
// Minify the code.
new UglifyJSPlugin({
compress: {
dead_code: true,
drop_debugger: true,
warnings: false
},
output: {
comments: false
}
}),
我使用的是CRA配置的弹出式版本，它看起来几乎是一样的，并且从build.js获得了它的环境vars --
浏览 4提问于2017-08-08得票数 0
回答已采纳
我也见过其他类似的问题。我所看到的问题是在Webpack 4释放之前提出的，没有具体问到国家预防机制，也没有得到明确的回答。
假设我使用webpack将包含依赖项的包捆绑在一起，我不想将这些依赖项归类为webpack外部和npm对等依赖。然后，我将此软件包发布给npm。
有人下载我的包并将其作为项目的一部分使用。该项目已经包含了我包的一个依赖项。让我们说这个项目反过来是由webpack捆绑的。
1.)当项目被捆绑时，webpack会认识到并减少重复的依赖关系吗？
2.)如果没有，如果我不使用webpack来捆绑我的npm包，那么当项目被捆绑时，它会允许webpack减少重复的依赖关系吗？
3.
浏览 0提问于2018-10-22得票数 3
回答已采纳
2回答
如何修改我的.ts webpack加载器，以便为每个main.hash.js文件创建一个.js文件，而不是只有一个包含应用程序代码的.ts文件？
现在，这是我的webpack处理.ts文件的加载器：
output: {
filename: '[name].[hash].js',
},
resolve: {
extensions: ['', '.ts', '.js', '.json']
},
module: {
loaders: [
{
test: /\.ts$/,
浏览 22提问于2017-02-11得票数 1
回答已采纳
1回答
异步或延迟(或延迟) CSS加载
、、、、
我正在做我的网站速度评分，并试图提高我的页面速度(删除未使用的CSS报告)。 首先，我关注了这个页面：load CSS simpler和我已经通过以下方式延迟了，但是页面速度一直提醒我/css/second-style CSS文件没有被延迟： <link rel="stylesheet" href="/css/second-style.css" media="print" onload="this.media='all'"> 所以，我尝试了另一种方法，使用：loadCSS，我已经这样做了： <s
浏览 28提问于2021-08-03得票数 4
我正试图在谷歌网页速度洞察上获得100/100的分数。但它不断地告诉我，有些css文件阻塞了上面的内容。如何确保在加载主内容之后加载这些文件？这样它就不再出现在页面速度洞察中了。
我尝试使用jquery异步加载文件，但是这样消息仍然会在页面速度工具中弹出。
我尝试了以下几点：
<script>
var loadMultipleCss = function(){
//load local stylesheet
loadCss('myawesomestyle.css');
//load Bootstrap from CDN
loadCs
浏览 0提问于2017-06-16得票数 5
回答已采纳
我正在使用电子，在我的主要进程中有以下内容 import * as Git from "nodegit";
console.log("NodeGit version is:", Git.version);
console.log("The HARD reset type has the id", Git.Reset.TYPE.HARD); 当我像往常一样开始工作时，我会得到以下输出 NodeGit version is: 0.27.0
App threw an error during load
TypeError: Cannot read p
浏览 7提问于2020-09-11得票数 1
1回答
我有一个应用程序，它创建多个express服务器，每个服务器同时充当端点。它们中的每一个都提供一个依赖于来自特定express服务器的api的react应用程序。如何使用webpack编译react应用程序，并为每个express服务器的应用程序的特定实例提供服务。由于每个react应用程序都依赖于express实例的端点，因此端口号也会有所不同。我需要通过webpack传达给react app。另外，当我npm启动我的服务器时，我如何运行webpack。
浏览 0提问于2017-10-17得票数 0
我有一个老项目，我不能使用ES6语法，因为我不知道如何实现Babel或Webpack将ES6转换为ES5。
所有js模块都在一个main.php文件中执行，如下所示：
<script language="JavaScript" type="text/javascript" src="<?php echo $documentroot;?>
MAIN.js?v=<?php echo $jsVersion;?>">
</script>
我如何配置Babel来处理这个旧的设置？该网站使用j
浏览 0提问于2018-10-03得票数 0
1回答
我有一个Aspx页面，可以在任何时间动态使用10-15个用户控件。所以我的要求是..每当使用特定的用户控件时，我都需要在aspx页面中使用一个占位符，以便加载该用户控件的css和js。CSS和js映射将在页面加载或用户控件的preinit上可用。你知道如何做到这一点吗？
<%@ Register TagPrefix="usercontrol" TagName="test1" Src="~/path1.ascx" %>
<%@ Register TagPrefix="usercontrol" TagName=
浏览 0提问于2014-08-06得票数 0
我是新来的反应和webpack，只是一些问题的js文件生成。我一直以为webpack会把所有的依赖项js都放到一个bundle.js文件中，但是当我检查我的浏览器时，我发现实际上有三个文件：
0.chunk.js bundle.js main.chunk.js
以下是我的问题：
为什么webpack不把所有东西都打包成一个bundle.js文件呢？
Q2- 0.chunk.js，main.chunk.js的目的是什么？
Q3-谁在index.html文件中插入每个js文件的脚本元素? webpack还是加载程序？
浏览 3提问于2019-10-08得票数 1
回答已采纳
我正在制作一个js，我的目标是发布国家预防机制。它将在web和节点上使用。我阅读webpack博士和我使用以下配置。捆绑和缩小，它产生一个20 is的包，它，IMHO，是相当大的，它所做的。我应该把它和webpack那样捆起来吗？
{
mode: 'production',
entry: {
mylib: './src/mylib_browser.ts', // same for node
"mylib.min": './src/mylib_browser.ts'
},
浏览 1提问于2019-02-22得票数 1
回答已采纳
3回答
我正在使用webpack来捆绑我的react项目。我的项目依赖于以下组件的material-ui：
material-ui/Dialog
material-ui/styles/getMuiTheme
material-ui/styles/MuiThemeProvider
material-ui/FlatButton
material-ui/TextField
webpack-bundle- size -analyzer报告material-ui大小为1.07MB。下面是我的webpack配置文件：
const webpack = require('webpack');
cons
浏览 3提问于2016-08-19得票数 8
我想从一个serverless.yml文件中使用Node8.10和Ruby2.5运行时部署AWS函数。
我设置了以下文件夹结构，其中/node和/ruby保存了各自的处理程序。
-/nodeRubyLambdas
-/node
-handler.js
-package.json, package-lock.json, /node_modules
-/ruby
-rubyRijndaelEncryption.rb
-Gemfile, Gemfile.lock, /vendor
-serverless.yml
-webpack.config.js
浏览 1提问于2018-12-27得票数 1
回答已采纳
1回答
使用rails 6.1.1 rails webpacker:install的最新版本，将引发以下警告。考虑到它们是rails版本带来的菜谱，考虑到这些信息，我们应该如何表现自己呢？
warning @rails/webpacker > node-sass > request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
warning @rails/webpacker > node-sass > node-gyp > request@2
浏览 1提问于2021-01-24得票数 4
我在一个angularjs应用程序中使用webpack + uglifyjs-webpack-plugin +ng注释插件-plugin-plugin，在完成构建时，一切似乎都正常，直到我看到它使用的是$filter(“货币”)或$filter(“日期”)的代码。控制台抛出以下错误
错误：$injector:unpr未知提供者: eProvider <- e <- $locale <- currencyFilter
错误：$injector:unpr未知提供者: eProvider <- e <- $locale <- dateFilter
浏览 1提问于2018-05-01得票数 0
在我的Angular2+TypeScript+WebPack项目中，我想从以下url使用/导入Esri ArcGIS JavaScript API：
这样，import Map from 'esri/Map';就可以导入以下模块
我已经看到人们通常使用systemjs来加载这些模块，然而，我不喜欢使用systemjs。有没有办法只用webpack就能做到？
webpack.config：
var webpack = require("webpack");
module.exports = {
entry: {
'polyfi
浏览 1提问于2016-10-06得票数 0
1回答
我的项目有以下文件夹结构：
node
| .gitignore
| gulpfile.js
| package.json
| tsconfig.json
| webpack.config.js
|
+---build
| | debug.js
| | main.js
| |
| +---client
| | +---scripts
| | | bundle.js
| | |
| | \---views
| | index.html
| |
浏览 4提问于2017-06-07得票数 1
回答已采纳
1回答
我写了这段JS和CSS加载代码，我想要一些关于它的建议。一些Javascript大师可能会指出的任何事情都会非常感谢。代码可以工作，但我没有做过广泛的测试，因为我担心以这种方式替换函数。
一个包含JQuery的javascript文件以及下面的代码将包含在所有页面上。我们在内部编写所有组件，并将它们非常模块化地分离到各自的文件夹中，并使用相应的JS和CSS。你可以想象在一个页面上开始使用dropown，对话框和datepicker需要我们添加6个includes，坦率地说，这是很烦人的，因为我希望依赖关系自动解决，并且使用JSP includes可能会对相同的资源进行多次调用。
下面是延迟加载
浏览 1提问于2014-09-12得票数 0
TL;DR
+ background.ts => ...webpack.=> (捆绑vue文件)+ background.js
无法执行background.js
期望background.js只包含“console.log(‘test’)”；
我和webpack有一个vue项目，还有打字稿。
我希望我的构建步骤除了vue JS相关文件之外，还生成一个"background.js“文件。
我有一个源文件的类型："background.ts“。
通过vue.config.js，我加入了webpack的条目“背景”。
它确实像我预期的那样构建了一个文
浏览 1提问于2020-04-07得票数 3
回答已采纳
4回答
我最近开始使用react-本机，在安装完所有依赖项之后，我尝试启动我的项目，但当它启动时，我似乎找不到QR代码扫描器让我在任何地方用我的设备进行扫描，而是在浏览器中启动，它说，在开发模式下，Webpack在端口19006上启动网络。
博览Webpack█████████████████████████大厦(40%) 194/196个模块2 active
I“wds”：项目正在 I“wds”运行: webpack的输出由/i“wds”提供：i“wds”提供的内容不是webpack提供的内容:404 s将回落到/
。我希望世博在我的设备上运行，而不是在浏览器上运行。
浏览 2提问于2020-07-16得票数 2
我的应用程序有一个目录结构，大致如下所示：
src-program/ -包含前端代码，包括package.json和webpack.config.js
src-server/ -包含后端代码，包括一个不同的package.json和.babelrc
shared/foo.js -是前端和后端都需要的JavaScript代码
所有代码都使用ES2015语法，因此使用进行转换。
在前面，Webpack的“转移溢出”是利用进行的。
对于后端来说，它是由实时完成的.
shared/foo.js需要其他模块，这些模块可以在前端和后端的package.json文件中找到。
由于Node
浏览 4提问于2016-09-28得票数 8
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
