1回答
我最近从grunt/bower转到了webpack，但无法让源地图正常工作。我得到了像debugger://VM8967这样的代码引用，而不是我习惯的真实文件名。我尝试过很多组合
mode: 'development', devtool: 'cheap-module-source-map',
正如许多地方所建议的那样，比如和，但没有任何运气。这似乎是每个人都需要的非常标准的行为，所以我肯定我犯了一些愚蠢的错误。希望有人能帮上忙。我使用：
"webpack": "^4.39.1",
"webpack-cli": &#
浏览 0提问于2019-08-16得票数 2
我正在尝试添加复制webpack插件到我的asp .net核心2-angular5网络应用程序。我安装了复制-webpack插件。在运行webpack.js时，我收到以下错误：
new webpack.CopyWebpackPlugin(
^
TypeError: webpack.CopyWebpackPlugin is not a constructor
这是webpack.config.js
const CopyWebpackPlugin = require('copy-webpack-plugin').CopyWebpackPlugin;
浏览 0提问于2018-03-02得票数 2
回答已采纳
是否有通过CopyWebpackPlugin "from“中的数组设置文件路径的方法。我是说像这样的事情
new CopyWebpackPlugin([
{
from: [
'./dir1/file1',
'./dir2/file2',
],
to: 'assets/'
}
])
浏览 0提问于2018-03-20得票数 2
回答已采纳
使用CopyWebpackPlugin，我不能忽略特定的文件夹或特定的文件。它复制了一切。
我在webpack.config.js中所做的事情：
new CopyWebpackPlugin([
{
from: 'src/assets',
to: 'assets',
ignore: ['src/assets/img/folder/test.png']
},
]),
我也试过这样做：
new CopyWebpackPlugi
浏览 0提问于2019-06-19得票数 12
回答已采纳
我有一个包含以下插件结构的wepback.config.js文件：
/**************************************************
Plugins imported:
const HtmlWebpackPlugin = require('html-webpack-plugin');
const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
const HtmlWebpackInlineSourcePlugin = require(
浏览 0提问于2018-03-28得票数 5
我正在使用webpack将文件从/src/libs/**复制到/dist目录，我的copyWebpackPlugin配置是
new copyWebpackPlugin([{
from: __dirname + '/src/libs/**',
to: __dirname + '/dist'
}])
我希望我的目标文件夹是/dist/copy-files，但它是/dist/src/copy-files.Is，有什么解决方案吗？
浏览 0提问于2018-04-16得票数 5
我希望使用CopyWebpackPlugin将public/目录中的所有文件复制到dist/目录中。但是，我需要在配置文件的前面将输出路径设置为dist/。这是我的设置：
webpack.config.js
const path = require('path');
const CopyWebpackPlugin = require('copy-webpack-plugin');
module.exports = {
entry: path.resolve('src/App.jsx'),
output: {
filename:
浏览 4提问于2020-03-19得票数 1
2回答
我不确定如何丑陋我的server.js文件并将其保存到dist文件夹下的server文件夹中。现在我只是在使用CopyWebpackPlugin
new CopyWebpackPlugin([
{
from: path.resolve(__dirname, '../static'),
to: config.build.assetsSubDirectory,
ignore: ['.*']
},
{
from: path.resolve(__dirname, '../src/server'),
to
浏览 0提问于2018-04-12得票数 5
回答已采纳
此错误在升级到本地文本8后出现。
我的项目结构是：
src
- app
- assets
- fonts
我的Webpack档案里有：
copyTargets ={CopyWebpackPlugin：{ glob：‘资产/’，点:假}，{ from：{ glob：‘字体/’，点:假}，...copyReplacements；新CopyWebpackPlugin(...copyTargets，{ from：{ glob：‘/*..jpg’，点:假} }，{ from：{ glob：‘/*..png’，点:假}，copyIgnore)，
有什么想法吗？
浏览 3提问于2021-08-31得票数 1
回答已采纳
在webpack中，CopyWebpackPlugin在webpack处于观察模式时会产生无限循环。我试图添加watchOptions.ignored选项，但它似乎不起作用。我的webpack配置如下：
const path = require('path');
const webpack = require('webpack');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const CopyWebpackPlugin = require('cop
浏览 0提问于2018-03-30得票数 3
我继承了一个Vue项目，它只构建、生产、构建和丑化一切。它没有像我习惯的那样有一个webpack.config.js，它只有一个vue.config.js文件。当我做npm run build时，它会生成一个产品。构建命令是"build": "vue-cli-service build"，我看不出有什么方法可以执行类似于--mode=development的操作。
我尝试添加一个构建的webpack.config.js文件，但同时破坏了网页，因为它不再构建相同的页面。
这是我的vue.config.js文件：
const path = require('
浏览 1提问于2019-03-29得票数 3
回答已采纳
我的文件显示为已发出，但实际上并没有复制到dist文件夹。
汇编日志节录：
版本: webpack 4.15.1时间:1824 76构建于: 01/29/2020 3:51:51 PM资产大小块名称main.js 116 KiB 0发出主CSS/main.css 76字节发出图像/Uplink_Logo_Horiz.jpg 651 KiB发出CSS/adminlte.css 708 KiB发出index.html 6.7 KiB
我的webpack配置插件如下所示：
插件：[新CopyWebpackPlugin( { from：‘./CopyWebpackPlugin/**’)，to: pa
浏览 1提问于2020-01-29得票数 1
我使用CopyWebpackPlugin来将静态文件复制到分布式文件夹，但是当我使用--监视模式时，CleanWebpackPlugin会删除它们。因此，第一次文件被复制，第二次文件被删除，而不是重新复制。
// webpack config
plugins: [
new CopyWebpackPlugin([
{
from: resolvePath('static'),
to: resolvePath(isCordova ? 'cordova/www/static' : 'www/static'),
浏览 0提问于2019-07-16得票数 1
回答已采纳
我从项目的根文件夹运行webpack-dev-server。我在/src/assets中有由CopyWebPackPlugin复制的资产文件夹：
new CopyWebpackPlugin([ { from: 'src/assets', to: 'assets' } ])
如果我将logo.png放在资产文件夹中，那么在运行webpack开发服务器后，我无法访问文件，但可以访问文件。然而，如果我在生产模式下运行，情况就会颠倒过来。
如何配置webpack服务器，使文件在开发模式下可访问？
浏览 4提问于2016-01-19得票数 76
回答已采纳
我已经完成了SO问题，回答的问题似乎只与CSS/SASS模块规则有关。
我只是试图将文件(保留文件夹结构)从src复制到公共，没有散列等等，所以我使用CopyWebpackPlugin -与Webpack 3中的相同
const path = require('path');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const CopyWebpackPl
浏览 1提问于2018-10-05得票数 1
我正在努力升级我基于Webpack的Vue.js项目。我有这样的文件夹结构：
- src/
- static/
- tests/
在Webpack里，我用的是CopyWebPackPlugin：
new CopyWebpackPlugin([
{
from: path.resolve(__dirname, '../static'),
to: '',
ignore: ['.*']
}
]),
并复制静态文件夹中的所有文件，使其在dev和build上都可用。
我想通过Vite来做同样的事情，但是我不知道如何实现它
浏览 179提问于2022-06-17得票数 3
回答已采纳
我试图使用CopyWebpackPlugin将一些文件从node_modules文件夹复制到构建文件夹中。
new CopyWebpackPlugin([
{ from: 'node_modules/accounting/**', to: 'vendor/npm/' },
{ from: 'node_modules/angular/**', to: 'vendor/npm/' },
我希望这将分别输出到我的构建文件夹/build/vendor/npm/accounting和build/vendor/npm/angular，
浏览 0提问于2018-10-02得票数 2
回答已采纳
作为构建过程的一部分，我已经使用CopyWebpackPlugin将一些文件从源代码复制到构建目录。在复制的同时，我也想更改一些文件名。例如，从test.tsx.snap到test.js.snap。看起来，这在文档中是可能的，因为它们有，但还不清楚。我想这样做的目录的文件，所以全球化也是必要的。
目前，这样做不起作用：
const config = {
plugins: [
new CopyWebpackPlugin([
{
from: path.resolve(__dirname, './test/snapshots/[name].tsx.[e
浏览 0提问于2018-03-01得票数 3
回答已采纳
试图与一个整合铯的Vue CLI 3应用程序一起运行，但现在遇到的似乎是bewebpack配置问题。设置很简单，所以我在琢磨为什么会失败.
我收到的错误是webpack试图构建/编译的时候。错误是：
./src/components/cesium-map.vue?vue&type=style&index=0&lang=css&中的误差
语法错误:语法错误
(5:1)未知词
//加载样式var content = require("!!../../node_modules/css-loader/index.js...
如果我从<style /
浏览 1提问于2018-11-05得票数 1
回答已采纳
我第一次尝试在线部署一个Reactjs应用程序。当我运行npm start命令时，它试图使用http://localhost:3000而不是mysite.com:3000启动应用程序，尽管我已经将该应用上传到了网上。
这是我的webpack.config
const path = require('path');
const webpack = require('webpack');
// copy manifest.json to the path: 'public/build'
// this will allow for the auth
浏览 0提问于2019-12-09得票数 0
回答已采纳
1回答
我想在我的js文件名中添加一个散列来进行缓存破坏。我在互联网上读了很多文章，但我不知道在哪里添加hash元素。不知道从哪里开始。 这在我的webpack.config文件下面。 const devCerts = require("office-addin-dev-certs");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
const CopyWebpackPlugin = require("copy-webpack-plugin");
const HtmlWe
浏览 12提问于2020-06-20得票数 0
回答已采纳
我在尝试构建一个简单的NodeJS应用程序时遇到了一个错误：
即使可视化代码提示错误，我的代码也开始运行。当我从import语句中删除.ts扩展时，我得到一个错误，即找不到该文件。
我用的是webpack，但这些文件是从服务器上传过来的。下面是我的文件夹结构：
这是我的webpack文件：
var webpack = require('webpack');
var helpers = require('./helpers');
//# Webpack Plugins
var CopyWebpackPlugin = (CopyWebpac
浏览 4提问于2016-11-16得票数 21
1回答
我正在尝试做一个NPM包，在他们运行npm install <package>之后，有人可以用我的课程来完成它。到目前为止，它在开发中运行良好，但是在通过webpack打包之后，我使用npm安装了这个软件包，但是它立即与TypeError: index_1.MyClass is not a constructor一起爆炸了。
my-class.ts.my
export class MyClass {
constructor() {
}
method1(): void {
console.log('im a method!')
浏览 2提问于2018-07-25得票数 0
回答已采纳
我的webpack.config.js中有以下包 const CopyWebpackPlugin = require("copy-webpack-plugin");
const TerserPlugin = require("terser-webpack-plugin");
const UglifyJS = require("uglify-es"); 这是我的配置中使用这些包的一部分： optimization: {
minimizer: [new TerserPlugin()],
},
plugins: {
new
浏览 29提问于2019-04-23得票数 3
我正在构建一个react应用程序和，我希望将所有的图像文件从源目标复制到构建目标。我正在学习一些教程，到目前为止我已经成功地使用了react-app-wired和CopyWebpackPlugin
我没有错误，也没有文件被复制。
这是我的config-overrides.js
const CopyWebpackPlugin = require('copy-webpack-plugin');
module.exports = function override(config, env) {
if (!config.plugins) {
config.plugins
浏览 2提问于2018-08-20得票数 10
回答已采纳
我正在使用vue cli ui来设置一个chrome扩展样板。我已经安装了axios和bootstrap，我想在扩展中使用它们。我注意到，当我运行构建过程时，bootstrap将不会与扩展捆绑在一起，并且我无法使用它的类和网格来设计我的chrome扩展的UI。我在主vue组件中使用下面这一行来导入bootstrap，这是webpack的配置文件。有没有办法解决这个依赖问题？
App.vue：
<template>
<div class="container p-0">
<div class="row m-0">
浏览 0提问于2020-05-16得票数 0
我正在用webpack用CommonsChunkPlugin生成一个vendor.js和main.js文件。我希望我的应用程序正在使用的所有node_modules都进入vendor.js文件。但是，生成的vendor.js和main.js文件存在语法错误。实际上，我正在为AWS编写一个lambda函数。这是我的webpack.config文件。
const webpack = require('webpack');
const path = require('path');
const CopyWebpackPlugin = require('copy
浏览 7提问于2017-12-12得票数 0
这是我的配置文件，它在所需的“dist”目录中捆绑和生成构建文件。但我想把它复制到别的地方。问题是，在构建完成之前，copyWebPackPlugin运行得更早。
const CleanWebpackPlugin = require('clean-webpack-plugin');
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const UglifyJsPlugin = require('uglifyjs-w
浏览 0提问于2018-04-02得票数 0
我已经设置了一个项目，使用官方的带有webpack的to模板，可以在这里找到：然后我尝试添加对该项目的typescript支持。它编译得很好，但在浏览器中我得到了以下错误：
ReferenceError: Cesium is not defined index.ts:12:4
下面是我的index.ts脚本：
/// <reference path="custom_typings/cesium/index.d.ts" />
require('cesium/Widgets/widgets.css');
require('./css/main.c
浏览 6提问于2017-12-21得票数 3
我正在使用Vue Cli 3创建一个项目，我一直在使用Vue web组件。
我需要创建一个加载程序文件(称为loader.js)，它需要不同的库。
require(‘.node_modules/…/…/library.js’);
require(‘.node_modules/…/…/script.js’);
我使用这个命令编译web组件：
vue-cli-service build --target wc --name widget ./src/components/widget.vue
现在我需要的是，在构建web组件时，webpack还会处理loader.js文件，并将所有的require
浏览 0提问于2019-06-18得票数 10
我使用的是具有以下配置的webpack：
var webpack = require('webpack');
var CopyWebpackPlugin = require('copy-webpack-plugin');
module.exports = {
context: __dirname + '/app',
entry: {
app: './app.js',
vendor: ['angular', 'angular-route', '
浏览 1提问于2016-11-05得票数 1
1回答
我面临着Webpack，Encore和SCSS的问题。
我在我的项目中有一个SCSS文件，一个图片，和Webpack Encore。但是当我和Webpack一起编译的时候，它会生成我的原始文件logo.png到logo.<hash>.png中的一个拷贝，正常的，但是图像没有显示，我甚至不能打开它，图像被删除了。
另一方面，我用CopyWebpackPlugin生成的所有图像都是可读的，但我无法从我的SCSS访问它.
结构
/assets
/images
logo.png
/scss
app.scss
/public
/buil
浏览 0提问于2018-07-17得票数 0
当我和webpack一起使用webpack-dev-server构建我的js包时，我的代码每次运行两次。不确定如何修复它。
我的webpack配置：
var path = require('path');
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var CopyWebpackPlugin = require('copy-webpack-plugin');
module.exports =
浏览 7提问于2016-05-07得票数 34
回答已采纳
我在我的Angular 2项目中使用了webpack。在src文件夹中，我有一个全局css folder和组件以及其他文件夹。
我的webpack.config.js在src文件夹之外。
我使用CopyWebpackPlugin将css文件夹复制到dist文件夹：
new CopyWebpackPlugin([
{ from: 'src/css', to: 'css'}
]),
我也为css使用了下面的加载器：
exports.css = {
test: /\.css$/,
loader: 'to-string!css?-mini
浏览 0提问于2016-12-21得票数 5
我是一个开发反应应用程序的新手。我想弄清楚如何设置我的webpack.config.js文件。
我跟随这个结构结束，你可以在下面的图片链接上看到。
我的问题是:当我运行'npm运行构建‘时，它对图片进行散列，并将其放到/dist文件夹中。我如何配置它，使它不？
因为我使用copyWebpackPlugin()复制图像并将其推送到dist文件夹，但我不想要用箭头标记的图片。
如果有人有什么建议就开始吧。
这就是我的webpack.config.js文件的样子：
const path = require("path");
const webpack = requi
浏览 0提问于2018-10-09得票数 1
回答已采纳
我有一个静态html文件，我想要复制到目标包文件夹中。我目前正在使用CopyWebpackPlugin，副本部分工作正常。但是，我也希望注入生成的css包文件，该文件将作为链接标记注入。例如，如果生成的包css文件是1018ada2.css，那么它应该将下面的文本插入静态html的头部
<link href="/1018ada2.css?3a0aa923c93170e65ee4" rel="stylesheet">
下面是我的webpack复制插件代码。
new CopyWebpackPlugin({
patterns: [
{
浏览 6提问于2022-07-27得票数 0
我有一个build.config.xml，其中有几个字符串，比如$FABRIC_API_KEY。我想在一个新的文件process.env.FABRIC_API_KEY中用config.xml替换它(build.config.xml应该保持不变)。我尝试过使用，但我似乎无法让它做任何事情。
var CopyWebpackPlugin = require('copy-webpack-plugin');
module.exports = {
...
resolve: {
extensions: ['.ts', '.js', &
浏览 6提问于2017-07-31得票数 6
回答已采纳
我已经找到了开箱即用的CopyWebpackPlugin。
但是，如果我指定要复制的文件夹或模式，有没有什么方法可以过滤掉webpack捆绑的任何文件？这样我就只复制没有包含在包中的文件了？
浏览 6提问于2018-02-22得票数 0
我们正试图让webpack建立一个基地和多个入口的秘密。基础完成了几乎所有的工作，只包含了一些额外的文件，这取决于构建目的地。我们为基地设置了如下条目：
const webpack = require("webpack");
const CopyWebpackPlugin = require('copy-webpack-plugin');
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin')
module.ex
浏览 0提问于2018-10-01得票数 4
我是第一次尝试使用Webpack，但在添加我的glb模型时遇到了问题。我的模型还可以，使用了很多次，我把它放在了公共文件夹里。我不理解控制台错误，任何帮助都将不胜感激，谢谢。
我使用的是three.js r116和火狐。Safari告诉我同样的错误，找不到模型。
下面是我的JS代码的一部分：
import * as THREE from 'three';
import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader';
const loader = new GLTFLoader();
浏览 194提问于2020-05-09得票数 3
回答已采纳
我有一个应用程序，我正在使用Webpack。在这个应用程序中，我需要将一些静态.html文件从source目录中的不同目录复制到public目录中的相同层次结构中。为了做到这一点，我使用了。此时，我的webpack.config.js文件如下所示：
webpack.config.js
const path = require('path');
const projectRoot = path.resolve(__dirname, '../');
const CopyWebpackPlugin = require('copy-webpack-plugin
浏览 3提问于2017-07-11得票数 21
回答已采纳
我的配置在webpack版本4.6.0和webpack-资产-清单版本3.1.1中工作正常 因为我升级到了webpack资产清单和webpack- 5 -清单到了5。我没有在manifestObject中获取值，它只是一个空对象 我怀疑这是因为在创建manifest之前运行的转换函数查看了新的文档webpack-assets-manifest，但无法使其工作 我的目标是访问转换函数中的MANIFEST值，但看起来转换函数在生成manifest之前正在运行 var CopyWebpackPlugin = require('copy-webpack-plugin');
var S
浏览 48提问于2021-10-14得票数 6
我正在创建一个使用角10的google扩展。是否可以在background.ts中导入npm包(在background.js转换之后)。如果是，那么我们如何导入并打包它，以便将其添加到manifest.json文件中。
我使用@angular-builders/custom-webpack软件包通过webpack将background.ts转换为background.js。
custom.webpack.config.js
const CopyWebPackPlugin = require('copy-webpack-plugin');
const path = require
浏览 4提问于2020-12-07得票数 1
1回答
我已经建立了一个NPM软件包，并将其发布到国家预防机制。
当我npm install <my-package>，然后import MyPackage from "@Acme/MyPackage";进入反应，我得到以下错误。
模块未找到:无法解析@Acme/MyPackage
这是因为我如何设置我的sdk包。您可以在下面找到webpack配置，用于构建它。
顺便说一句，如果我直接导入标头中的脚本标记，但是如果不在标头中专门定义脚本标记，那么如何才能像这样导入脚本标记呢？
webpack.config.js
const path = require('path&
浏览 0提问于2019-02-13得票数 2
回答已采纳
我用webpack ts-loader转换打字时，不能工作的原因是模块没有定义？
但是当我只是命令tsc时，这个结果可以在浏览器上工作。
另外，这个问题已经在使用gulp修复
但是gulp使用browserify来转换typescript
所以我想用webpack来捆绑我的express服务器和客户端typescript！
为什么webpack ts-loader在浏览器上转换typescript get“模块未定义”？
webpack.config.js
const nodeeExternals = require('webpack-node-externals');
c
浏览 29提问于2020-05-14得票数 1
回答已采纳
我想问一下，我应该如何获得以@开头的模块，因为所有不是以@ works开头的模块都没有任何错误。
我的webpack.config.js
const path = require('path');
const glob = require('glob');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
const OptimizeC
浏览 5提问于2018-12-04得票数 0
2回答
我想在个人项目中使用组件。它不是拿起css。我认为我的webpack配置是问题所在，因为我正在使用。
有人能告诉我我需要做些什么才能让它起作用吗？
我的webpack配置是：
const CopyWebpackPlugin = require('copy-webpack-plugin');
const path = require('path');
module.exports = {
entry: './index.js',
context: path.join(__dirname, 'client'),
devt
浏览 0提问于2016-06-16得票数 1
回答已采纳
我得到了
错误:清洁webpack插件只接受一个选项对象.请参阅：
我的Webpack.config.js文件如下所示：
const path = require('path');
const webpack = require('webpack');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const CopyW
浏览 0提问于2019-03-15得票数 8
在编译过程中，当在以下位置执行require调用时，会发生这种情况：
错误指向声明了以下内容的行：
var Module = require('module');
这是在require-from-string的index.js中，实际上我可以把require语句放在它继续导致错误的任何地方。
我已经使用npm安装了模块，它确实存在于我的node_modules中。
我的webpack.config.js：
const path = require('path');
const CopyWebpackPlugin = require('copy-webpa
浏览 3提问于2017-11-24得票数 2
webpack-注册服务工作者的插件。
new CopyWebpackPlugin([
{ from: './src/manifest.json', to: '' },
{ from: './src/assets/homescreen', to: 'assets/homescreen/' }
]),
new WorkboxPlugin.GenerateSW({
clientsClaim: true,
skipWaiting: true
}),
我的问题是manifest.json没有包含在precache mani
浏览 1提问于2018-07-23得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
