草庐IT

gulp-webpack

全部标签

node.js - webpack --progress 错误 : write EINVAL

我在Windows10上最近将我的node.js升级到版本7.1.0。每次我使用--progress标志运行webpack命令时,我开始收到以下错误。$webpack--progressNodeEnvironment:developmentevents.js:160thrower;//Unhandled'error'event^Error:writeEINVALatexports._errnoException(util.js:1022:11)atWriteStream.Socket._writeGeneric(net.js:715:26)atWriteStream.Socket._w

windows - 在 Windows 10 Bash 上安装 webpack(Windows 上的 Ubuntu 上的 Bash)。继续获取 "webpack: command not found"

我正在努力解决这个React/Reduxtutorial我需要安装webpack。我正在研究Windows10bashshell。这是我用来安装的npm命令和安装输出:~$npminstall--save-devwebpackwebpack-dev-servervoting-client@1.0.0/home/username/voting-client+--webpack@1.14.0¦+--acorn@3.3.0¦+--async@1.5.2¦+--clone@1.0.2¦+--enhanced-resolve@0.9.1¦¦+--graceful-fs@4.1.11¦¦+--me

从0到1搭建Vue项目(webpack版)

目录最终项目目录文件夹和文件1.初始化项目2.安装相关依赖3.配置webpack 4.编写项目文件和配置webpack5.下面为它添加其他功能(1)ts的使用(2)less的使用(3)配置babel(4)路由vue-router的使用(5)状态管理pinic的使用(6)使用webpack-merge进行多环境配置最后页面最终项目目录文件夹和文件|-/node_modules|-/dist|-/public|-index.html |-/src|-/assets|-/components|-App.vue|-/router|-index.js|-/store|-index.ts|-/views|

如何在WebPack中构建DIST文件夹后,将Bundle.js和CSS文件移动到静态文件夹中?

当我运行我的npmrunbuild或者npmrunbuild-dev它在根中创建index.html并管理2.Bundle.js和Manage2.CSS文件。我需要将这些文件移至静态目录中。因此,下面生成的索引。Manage2这是怎么回事的?webpack.config以下constfs=require('fs');constwebpack=require('webpack')constHtmlWebpackPlugin=require("html-webpack-plugin");constExtractTextPlugin=require("extract-text-webpack-plu

2023年高频前端面试项目考点(npm,git,webpack,TS4,sass,瀑布流,懒加载)

合集:2023年最全前端面试题考点HTML5+CSS3+JS+Vue3+React18+八股文+手写+项目+笔试_参宿7的博客-CSDN博客*表示回顾基础知识项目为二面三面,面试官基本就是照着简历里面的项目技术点切入然后深入展开。为了简洁,相关文章参考链接在标题里目录模块化规范懒加载(性能优化)scroll版IntersectionObserver 版require与import的区别和使用js的运行环境浏览器Node特点npm项目规范命令(创建运行)项目文件结构package.jsonpackage-lock.jsonnode_modulesgit代码管理常用命令分支git多人协同merge

javascript - Wow.js 与 webpack 和 react

我尝试使用react和webpack来实现wow.js。我通过npm安装它。npminstall--savewow.js安装完美。现在的问题是如何正确导入它。我无法让它继续变得不确定。我试过几种方法:首先:importwowfrom'wow.js';但是webpack无法编译。它说找不到模块。即使我使用完整的urlimportwowfrom/node_modules/wow.js第二个:我正在使用来自here的解决方案:require('imports?this=>window!js/wow.js');但我仍然无法找到模块(我更改了我的node_modules的路径)。第三:来自her

javascript - gulp browserify reactify 任务很慢

我使用Gulp作为我的任务运行器并使用browserify来捆绑我的CommonJs模块。我注意到运行我的browserify任务非常慢,大约需要2到3秒,而我只有React和一些我为开发构建的非常小的组件。有没有办法加快任务速度,或者我在任务中有什么明显的问题?gulp.task('browserify',function(){varbundler=browserify({entries:['./main.js'],//Onlyneedinitialfiletransform:[reactify],//ConvertJSXtojavascriptdebug:true,cache:{}

javascript - webpack:找不到模块:错误:无法解析(使用相对路径)

我有一个应用程序的结构(node_modules目录从这个列表中排除):├──actions.js├──bundle.js├──components│  ├──App.js│  ├──Footer.js│  ├──Link.js│  ├──Todo.js│  └──TodoList.js├──Containers│  ├──AddTodo.js│  ├──FilterLink.js│  └──VisibleTodoList.js├──index.html├──index.js├──main.js├──package.json├──package-lock.json├──reducers

javascript - Sass 加载器和 webpack 4

如何在webpack4中使用sassloader?我阅读了很多关于此的内容,大多数网站都推荐使用ExtractTextPlugin,但ExtractTextPlugin不适用于webpack4。我写了以下webpack.config.js:constpath=require('path');constClosureCompilerPlugin=require('webpack-closure-compiler');module.exports={module:{rules:[{test:/\.scss$/,use:[{loader:"style-loader"},{loader:"cs

javascript - Webpack,新 block 正在以错误的路径加载

我正在尝试分块我的应用程序-尝试遵循webpacks指南的操作方法(https://webpack.github.io/docs/code-splitting.html)。所以我为我的应用程序设置了一个单独的block,我可以看到webpack正在生成1.bundle.js在我的构建文件夹中,但是它将它粘贴到我的index.html上路径不正确,在我的控制台中,我看到了1.bundle.js的提取错误文件。所以我的webpack配置看起来像这样(我现在只使用webpack:dev):return{dev:{entry:{index:'./client/app.jsx'},output: