我使用Vue CLI创建了一个应用程序，它现在抽象为vue.config.js后面的Webpack配置。我正在尝试将我的CSS解压缩到styles.css文件中。现在，它正在提取随机命名的文件，如：
dist\js\vendor.4ee179da.js 74.69kb 26.68kb dist\js\app.5e840ed0.js4.06kb 1.84 kb dist\css\app.4c22f75b.css 161.13 kb 21.59kb
我怀疑我的css.extract应该是一个对象，就像
{
fallback: 'style-loader',
浏览 0提问于2018-05-08得票数 5
回答已采纳
1回答
我使用延迟加载的VueJS 2和，如下所示：
Vue.customElement('nav-icon', () => new Promise((resolve) => {
require(['./NavIcon.vue'], (lazyComponent) => resolve(lazyComponent.default));
}), {
beforeCreateVueInstance
});
这样我就可以将JS和CSS上传到Shopify主题中，并使用<nav-icon>显示自定义组件。
除了在我的主要入口点JS文
浏览 4提问于2021-01-07得票数 0
我正试图控制与Webpack一起从Vue应用程序生成的文件的文件名。
我想要托管构建的应用程序的环境不喜欢文件名和“。”(不要问)。
通过get js文件，我可以使用output.filename在vue.config.js configureWebpack条目中遵守“连字符”命名方案。但是css文件没有被重命名。
当我加载两个批量打包的文件而不是块时，我显然可以手动重命名单个css文件。然而，当我运行它时，我会得到一个错误。
Error: Loading CSS chunk error failed.
(/my-path/resources/css/error.d0f9a634.css)
我
浏览 9提问于2020-10-01得票数 1
回答已采纳
1回答
这是我在rollup.config.js文件中的postcss配置代码： const postcssUrlOpts = [
{
url: 'copy',
filter: /\.woff$/,
assetsPath: 'font'
}
];
const postcssOpts = {
extract: 'index.css',
plugins: [
postcssUrl(postcssUrlOpts)
]
}; 这是我得到的日志： Error
浏览 468提问于2020-12-01得票数 0
继之后，我试图使用一些自定义方法来增强Backbone.Collection。但是，我在控制台和源代码之间得到了一些不一致的行为。
下面是测试的样子
...
<script type="text/javascript" src="./libs/underscore.js"></script>
<script type="text/javascript" src="./libs/backbone.js"></script>
<script type="text/jav
浏览 3提问于2012-10-15得票数 2
回答已采纳
我有多个入口点在我的webpack配置为登录，应用程序，错误页面，我只需要登录和应用程序输出这些条目的js文件和错误只输出样式。目前，所有条目都输出样式和脚本，我不太确定如何具体处理输出的内容？
Webpack
entry: {
'main': [
'babel-polyfill',
'./source/styles/src/imports/main/main.scss',
'./source/app/app.main.js'
],
'login
浏览 10提问于2017-08-17得票数 12
2回答
我的Webpack配置包含以下加载器。
module: {
loaders: [
{ test: /\.js$/, loader: "babel", exclude: /node_modules/ },
{ test: /\.sass$/, loaders: ["style-loader", "css-loader", "sass-loader"], exclude: /node_modules/ }
]
},
然后，我希望将CSS提取到一个单独的文件中，我尝试使用，像这样交替配置。
var Extract
浏览 3提问于2017-01-18得票数 4
回答已采纳
我有一个JSON数组，我想给出一个条目，这个条目应该从JSON数组中删除。
例如，数组：
SET @os ='[
{
"id": "66",
"date_end": "2022-01-09 18:00:00",
"occupied": "1",
"date_begin": "2022-01-09 17:30:00",
"idCategory": "[1,2,3]",
"da
浏览 6提问于2022-01-26得票数 1
回答已采纳
1回答
我已经写了webpackconfig，但是css似乎不能正常工作，它抛出了错误。以下是我的文件的内容。
我的webpack.config.js：
module: {
loaders: [
{
test: /\.js?/,
include: SRC_DIR,
loader: "babel-loader",
query: {
presets: ["react", "es2015", "stage-2"]
}
浏览 2提问于2017-12-05得票数 0
因此，我遇到了这个问题，我从后端得到响应，并将其解析为json，然后像这样调用set函数
try{
const leaderboardInfo: LeaderboardState = JSON.parse(response);
this.onLeaderboardStateUpdate(leaderboardInfo);
console.log(leaderboardInfo);
}
catch(e){
console.log(`Failed to convert: ${response} into a JS object`);
}
console.log给了我
浏览 0提问于2018-11-12得票数 0
回答已采纳
我对JSON非常陌生，为了完成这个任务，我必须得到“提取”的值，如给定的图表中的值。这个图是一个json的对象图。值21721040可以是随机的，因此我不知道对象的名称，它是我寻找的成员之一。
所以我不能做这样的事
query.pages.21721040.extract
那么，我如何才能得到“提取”的价值呢？
出于好奇，当我试图访问其中一个成员时，名为数字的对象是否会产生错误？还是他们只是在工作？例如，在这种情况下，对象的名称之一是"-1“。
如果我试图在JS中解析后访问值"url“，如下所示：
query.pages.-1.imageinfo.0.url
浏览 4提问于2014-07-01得票数 1
回答已采纳
我想问一下，如果找到提取的单词，我该如何告诉imacros转到某个页面。到目前为止我想出了
TAG POS=1 TYPE=DIV ATTR=CLASS:"module-select" EXTRACT=TXT
SET ref EVAL("var t = '{{!EXTRACT}}'.includes("and") window.location.href = ("https://www.google.com); return;")
但是我的EVAL内部的JS脚本出了点问题，我找不出来。如果有人能帮我解决这个问题，我将不胜感
浏览 1提问于2016-09-11得票数 1
当我试图启动我的应用程序时，我看到了以下错误.
> css-modules@1.0.0 start /Users/johnnynolan/Repos/css-modules
webpack &开放index.html
(node:5706) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead
/Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Chunk.js:802
thr
浏览 0提问于2018-07-17得票数 97
1回答
在包js中包括顺风css
、、、
如何在包js中包含顺风css？
这是一个vue 3和顺风3 的例子。
运行npm run build，它将创建3个文件：
app.jsABOUTPAGE.jsapp.6cba1802.css
我希望将app.6cba1802.css包含到app.js中，因此结果应该是：
app.jsABOUTPAGE.js
谢谢
浏览 15提问于2022-05-03得票数 1
回答已采纳
当我想通过webpack -p --progress --hide-modules构建我的前端时，我会得到以下错误：
Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
- configuration.module.rules[1].use should be one of these:
non-empty string | function | object { loader?, optio
浏览 2提问于2017-02-24得票数 0
回答已采纳
1回答
我被提供了一个javascript文件，其中包含两个JSON对象，如下所示。
var languages = {"Languages":["English","Cymraeg","Deutsch"]};
var labels = [{"$JOB":["Job","Orchwyl","Auftrag",]},{"$JOB_NO":["Job Number","Rhiforchwyl","Auftragsnummer
浏览 1提问于2018-04-09得票数 0
回答已采纳
<link rel="stylesheet" type="text/css" href="scss/styles.scss">
<link rel="stylesheet" type="text/css" href="css/styles.css">
/*webpackconfig.js*/
var path = require("path");
var HtmlWebpackPlugin = require("html-webpack
浏览 4提问于2021-05-07得票数 0
我有一个Bigquery表，其中有2列-- job_id和json_column(string，它是JSON格式的)。当我试图读取数据和标识某些对象时，会出现以下错误：
SyntaxError:Unexpected end of JSON input at undefined line XXXX, columns xx-xx
它总是给我第5931行，当我第二次执行时，它给出了第6215行。
如果它与JSON结构问题有关，我如何知道编号5931的行/job_id对应于哪一行？如果我为特定的job_id子集，它会返回值，但是当我试图在完整的表上执行时，我得到了这个错误。我试着在上面提到的job_i
浏览 6提问于2020-01-21得票数 1
回答已采纳
1回答
返回来自承诺的数据
、、、、
我正在创建一个脚本，从节点中的pdf中读取数据，我使用的是pdf_text_extract，我试图用蓝鸟返回数据。
Types.js：
var pdf = require('pdf');
var Types = {
read: function(file, extension) {
pdf.extract(file, function(error, data) {
console.log(data);
});
}
};
module.exports = Types;
数据是一个函数，这显然是错误的。
P
浏览 2提问于2015-08-24得票数 0
回答已采纳
1回答
嗨，我正在使用Imacros来创建用于js解析的基于web的自动化脚本。
我有一个JS文件"nikhil.js“。
现在，我需要从我的宏宏调用这个文件。我需要从mynikhil.iim宏文件中运行这个文件。
浏览器: ie11
Os: Windows8.1
宏版本:最新(试用)
浏览 1提问于2016-12-19得票数 0
回答已采纳
1回答
所以我试图让我的webpack配置文件创建一个编译的css文件，这样以后当我添加了webpack-dev-server时，我就可以编译我的js和css，并把它放到dist文件夹中。我认为这已经足够简单了，所以到目前为止我在我的webpack.config.js文件中已经有了这个
var ExtractTextPlugin = require('extract-text-webpack-plugin');
module.exports = {
entry: ['./js/app.js', './scss/main.scss'],
outp
浏览 1提问于2017-12-05得票数 0
如果我使用webpack和Laravel，我应该如何包括WebPack插件？我搞不懂我在哪个文件中添加了插件代码。
我下面的尝试似乎没有运行我的插件。插件应该压缩js，css文件，但它不是。
webpack.config.js
require('./node_modules/laravel-mix/src/index');
require(Mix.paths.mix());
// My plugin is here
const CompressionPlugin = require('compression-webpack-plugin');
浏览 0提问于2018-05-02得票数 32
是否有一种方法可以编译，例如从config.js编译：
module.exports = {
param: 'value',
param1: 'value2'
}
将其编译成JSON格式，以便输出到config.json文件。装载机？
浏览 2提问于2017-11-30得票数 0
当我试图跟随使用react Webpack和extract Webpack-plugin和AC.26 2时，我会得到以下错误：
./~/react-widgets-webpack/index.loader.js!./react-widgets.config.js模块构建中的错误失败:错误:破坏更改:提取现在只使用一个参数。选项对象或加载程序。示例:如果您的旧代码如下所示: ExtractTextPlugin.extract('style-loader'，‘css-加载程序’)
您可以将其更改为: ExtractTextPlugin.extract({ fallback：
浏览 4提问于2017-03-07得票数 0
这有点奇怪。我知道webpack对它的配置设置很挑剔，但这是一个非常基本的例子：
package.json
{
"name": "webpactest",
"version": "1.0.0",
"description": "",
"main": "src/main.js",
"scripts": {
"server": "webpack-dev-server",
"buil
浏览 7提问于2017-06-08得票数 0
2回答
我正在使用Twitter的Typeahead.js，大约有15个远程呼叫。在下面的示例中，我的部分代码被命名为"list1“和"list2”。我的实际代码一直到list15从list1。
{
name: "list1",
remote: "/get-list1/%QUERY",
template: "<p><strong>{{value}}</strong
浏览 3提问于2013-09-20得票数 1
回答已采纳
1回答
我试图同时从websocket服务器的两个不同通道提取数据。特别是，我正在从FTX中提取两对密码BTC/USD和ZRX/USD的订单簿。Websocket发送订单簿的初始快照，然后发送更新。在每一条消息中，我都会应用更新。
我想把订购簿存储在字典里(也许有更好的数据结构？)我用multprocessing在两个不同的进程中运行两个websocket连接。我正在定义两个共享的内存字典，asks和bids，它们将存储询问和出价，作为字典的字典。
例如，asks = {'ZRX/USD':{best_askZRX: quantity_bestZRX, second_best_askZ
浏览 5提问于2022-09-22得票数 0
回答已采纳
1回答
我的巴贝尔装载机为什么不翻？我添加了:让x= 'LOL'；console.log(x)；到我的src/main.js中。它不输出任何错误并创建输出文件。但是它没有将es6语法转换到es5。
这是我的src/main.js
var css = require('./styles.scss');
console.log('hello planet!');
let x = 'LOL';
console.log(x);
我的输出文件dist/bundle.min.js看起来如下所示(让我们不要将其转换为var)：
/******/ (
浏览 2提问于2017-04-23得票数 0
回答已采纳
据说可以为Python文件提取gettext消息。
Babel附带了几个内置提取器: python (从Python源文件中提取消息)、javascript和忽略(不提取任何内容)。
命令行提取器被文档化为，但没有使用示例。
同样在上面的中，也提到了用于提取的配置文件，但没有对其进行过多的扩展。
当我在带有js文件的dir上运行提取器的基本命令时，我只得到生成的.PO头，但没有消息。
$ pybabel extract /path/to/js-dir
# Translations template for PROJECT.
# Copyright (C) 2012 ORGANIZ
浏览 2提问于2012-04-22得票数 7
回答已采纳
使用RestAssured的响应不包括所有四个键值对，它在Postman中工作得很好，并返回所有四个值。
右下角是我的文章“创建用户查询”( CREATE )的响应，我试图编写一个使用RestAssuredBottom左侧运行相同查询的代码，显示日志。
UserTests Class
// Create user request number 7 (post request)
System.out.println("test_get_single_user_by_ID_returns_http_404() - User Story 7 CREATE");
浏览 2提问于2020-07-05得票数 1
回答已采纳
1回答
我正在尝试将css导入到我的webpack捆绑包中。 我们正在创建一个angular 1应用程序，并将其与webpack捆绑在一起。目前，一切都很好。html有bunlde和vendor脚本。其他的js被包含在内，视图被复制并被包含。 在这一步中，我们尝试包含一个在style/文件夹中创建的css文件。对于输出，我猜css文件是由css-loader处理的，但是style-loader没有在标签中包含css文件。 有人能给我个提示吗？ 我在规则中的webpack.config是这样的。 const path = require('path');
const HtmlWebpa
浏览 17提问于2019-03-11得票数 4
webpack.config.js
var ExtractTextPlugin = require("extract-text-webpack-plugin");
如果我只是实现插件，我就会立即收到这个错误：
module.js:339
throw err;
^
Error: Cannot find module 'webpack/lib/ConcatSource'
at Function.Module._resolveFilename (module.js:337:15)
at Function.Module._load (m
浏览 6提问于2015-11-30得票数 19
1回答
我正在使用Vite (Vue3)和Windi开发一个库。对于构建()，我使用库模式，配置如下：
vite.config.js
export default defineConfig({
plugins: [vue(), WindiCSS()],
build: {
lib: {
entry: path.resolve(__dirname, 'src/lib.js'),
name: 'MyLIB',
},
rollupOptions: {
// make sure to externalize de
浏览 0提问于2021-07-29得票数 1
2回答
我知道在香草JS中实现信号/可观测/流是可能的，因为Elm会编译回JS。
有人能把信号翻译成JS吗？它必须使用回调结构，对吗？例如，埃尔姆把这个翻译成什么？
main =
Signal.map show Mouse.position
浏览 6提问于2016-03-02得票数 2
回答已采纳
我用SCSS编写样式，我想用webpack来构建小型化和非小型化的css文件。所以我设置了我的webpack.config.js：
const path = require('path');
const webpack = require('webpack');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const extractSASS = new ExtractTextPlugin('assets/styles/[name].css')
浏览 5提问于2018-01-24得票数 0
回答已采纳
我需要在同一个项目输出中运行CSS和SCSS编译，以分离CSS文件。
该项目的基础较少，但现在在过渡阶段增加了SCSS。
我暂时不想向webpack汇报最新情况。Webpack运行得很好，但是可以生成common.bundle.js文件，但是不是从这个包中提取CSS。
其他块和新的SCSS，它提取OK，但不是核心包文件(common.bundle.js)。
我试图更改webpack.config.js中的序列，但这并没有帮助。，但不能解决它。
webpack.config.js
const path = require('path');
const webpack = requ
浏览 1提问于2018-04-19得票数 4
回答已采纳
我正在尝试转换包含src中绝对路径的html文件。我在webpack的文件中发现了类似的问题。我尝试在提取加载器中使用html-加载程序，但得到了一个错误。
->文件simple.html
索引js文件：
从'./simple.html‘导入plik
https://webpack.js.org/loaders/html-loader/#export-into-html-files webpack.config.js ->
模块版本->
“文件加载器”："^6.2.0“、”提取-加载程序“："^5.1.0”、“h
浏览 5提问于2021-03-28得票数 1
1回答
这里是包含小时和分钟的时间字符串(例如"03:37")。我想更新那个时间的date对象，并在ember JS中创建date对象。帮我解决这个问题。时间是24小时。
浏览 88提问于2020-06-10得票数 0
less中的初始布局。这是必要的，媒体请求是断开的，我们在app.less，media - in media.less中取出的基本样式。现在你必须从它们编译2个css文件，并把它们放在一个特定的位置。
以这里的这头猪为基础。在这里，webpack 3，或多或少是一个新鲜的试剂，等等。
我放了更少的-loader，我在common.js开了处方
{
test: /\.less$/,
use: [{
loader: "style-loader" // creates style nodes from JS strings
浏览 2提问于2018-03-15得票数 0
1回答
猫鼬找不到所需的输出
、、、、
我有三种模式。
User.js：
const mongoose = require("mongoose");
const bcrypt = require("bcryptjs");
const userSchema = new mongoose.Schema({
name: {
type: String,
required: true,
},
email: {
type: String,
unique: true,
required: true,
},
password: {
type: Str
浏览 2提问于2020-04-27得票数 0
回答已采纳
我想抓取所有链接的javascript和css文件在一个给定的域名与Scrapy。问题是我不太理解如何从link元素中提取链接。 假设我正在抓取example.com。有指向表单的js和css的链接： <link rel="stylesheet" href="/path_to_css/example.css"/>
<script src="/path_to_js/example.js"></script> 这些链接是从根域开始的，所以没有问题。但是，如果链接类似于下面的链接，就会开始变得令人困惑： <l
浏览 9提问于2019-08-28得票数 0
回答已采纳
1回答
我已经不再用老式的方式包括样式表了：
<link rel="stylesheet" href="./../css/main.css">
Webpack的方法：
var css = require('./../css/main.css');
它可以工作，但我不喜欢它将这个文件中的css提取成内联标记，因为这样就很难在Dev工具中调试它。例如，我不知道这些属性来自哪个文件和行：
如何将其移动到单独的文件或生成指向源文件的源映射？因此，当我检查它的开发工具时，它将如下所示：
我的webpack.config.js
var a
浏览 5提问于2016-11-18得票数 9
回答已采纳
当使用ASP.NET Core和Webpack创建一个新的web项目时，我会从关于extract-text-webpack-plugin的文章中得到依赖警告。
我的复制步骤：
dotnew new web
yarn init
yarn add --dev webpack webpack-cli
webpack init
将显示以下警告消息：
警告“>摘录-文本-webpack-插件@3.0.2”有错误的同伴依赖性"webpack@^3.1.0“。
webpack
显示下列错误消息：
(节点:19320)不推荐DeprecationW
浏览 2提问于2018-03-08得票数 2
回答已采纳
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
回答已采纳
这是我的/laravel/webpack.mix.js的内容：
mix
.js([
'resources/assets/js/jquery.js',
'resources/assets/js/plugin.js'
], 'public/js/my_app.js');
/resources/assets/js/jquery.js的内容如下：
window.$ = window.jQuery = require('jquery');
/reso
浏览 3提问于2017-06-20得票数 2
2回答
我有一个bash脚本(Mac )，它依次调用一个Node.js命令行应用程序。
我通常这样称呼Node.js应用程序：
node mynodeapp events:"Open project"
哪个节点作为一个参数解析没有问题，尽管在"Open“和"project”之间有空间。
我这样称呼我的bash脚本：
. mybashscript.sh 2014-03-20 "Open project"
在bash脚本中，我有：
EVENTSQUOTES=\"$2\"
echo node mixpanel-extract date:$1 e
浏览 1提问于2014-03-21得票数 3
回答已采纳
我有以下文件夹结构：
|- webpack.config.js
|- src/
|- main.js
|- some.other.js.files
|- styles/
|- app.scss
|- animation.scss
|- transition.scss
|- public/
|- js/
|- app.js
我对Webpack进行了配置，让它获取所有css和js文件，并在public/js下将它们编译为app.js。配置如下：
module.exports = {
entry: './src/main.js',
output
浏览 2提问于2017-05-19得票数 0
2回答
可变范围与回调问题
、、、
此程序正在读取嵌套对象，搜索特定的键和值。一旦找到这些数据，就必须启动回调才能将数据发回。该对象如下所示：
{
"name": "joel",
"title": "CTO",
"edu": {
"school": "RMB",
"college": "GNK",
"pg": "CDAC",
"extract":
浏览 6提问于2016-10-24得票数 0
回答已采纳
我使用的是laravel mix，并已配置了如下所示的webpack拆分块 mix.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css')
.vuetify('vuetify-loader');
mix.webpackConfig({
optimization : {
splitChunks: {
chunks: "all",
mi
浏览 5提问于2020-09-23得票数 0
我使用的是提取-文本- Webpack -plugin 2.0.0-rc.3和Webpack 2.2.1，并且在运行构建时会得到这个错误：
/node_modules/extract-text-webpack-plugin/index.js:259
var shouldExtract = !!(options.allChunks || chunk.isInitial());
^
TypeError: chunk.isInitial is not a function
这是我的webpack.co
浏览 0提问于2017-02-21得票数 5
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
