jjzjj

WebPack-Dev-Server

全部标签

javascript - Webpack 插件 : How to add dynamically a Module to the main Chunk?

我正在开发一个Webpack插件,它基本上在block中寻找cssAssets,当它找到这样的Assets时,在其上应用一些返回的postCSS插件2个输出,一个应该继续使用Extract-Text-Plugin提取,另一个输出应该成为chunk中的一个新模块在运行时将其注入(inject)头部。我唯一没有设法实现的部分是在现有block中创建新模块的部分。有什么指点/想法吗?我设法从中创建了一个新block,但没有webpack包装器,这意味着我无法为那blockcss支持HMR并延迟加载它。classExtractTPAStylePlugin{constructor(options

javascript - 哈巴狗 + webpack-dev-server

我正在使用webpackv4,我正在尝试将Pug与webpack-dev-server一起使用,但是当我运行webpack-dev-server--modedevelopment它不提供已编译的Pug。请帮忙。我不知道该怎么办。感谢您的回复。这是我的配置:constpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');module.exports={entry:'./src/js/main.js',output:{path:path.join(__dirname,'dist'),filena

javascript - webpack 和 babel-polyfill : Can't resolve 'core-js/modules/es6.array.map' in source directory

当我执行webpack时遇到这个错误:Modulenotfound:Error:Can'tresolve'core-js/modules/es6.array.map'in'/path/to/project/src'@./src/index.ts1:0-39index.ts:console.log([1,2,3].map(x=>x*x));.babelrc:{"presets":[["@babel/preset-env",{"useBuiltIns":"usage"}]]}webpack.config.js:constpath=require('path');module.exports

Docker 安装 SQL Server教程

本文教你如何快速通过Docker安装SQLServer前置条件:服务器内存需要于2GB。安装的版本:SQLServer2017目录一、拉取镜像二、运行容器三、进入容器四、远程连接五、简单小结 一、拉取镜像dockerpullmcr.microsoft.com/mssql/server:2017-latest二、运行容器dockerrun-e"ACCEPT_EULA=Y"-e"SA_PASSWORD=qwe20211114."-p1433:1433--namesqlserver2017-dmcr.microsoft.com/mssql/server:2017-latest 参数解释:-e"ACC

javascript - webpack-dev-server 的缓存问题

我在运行webpack-dev-server时遇到了一些问题。每当我保存文件并编译更改时,它们都不会反射(reflect)在浏览器中。(命令行没有错误)我正在运行以下命令:webpack-dev-server--progress--color但是,如果我每次更改时都运行webpack,这会反射(reflect)在我的浏览器中。我在我的Mac(最新版本的OSX)上运行Chrome,并且我启用了“Disablecachewhiledevtoolsisopen”选项。不用说,但是嘿-你永远不会知道,我打开了我的DevTools..:)我是不是漏掉了一个简单的步骤?

javascript - 将 node.js fs 与 Webpack 一起使用

我在js文件中执行以下操作varFS=require('fs');varTestGoogle=eval(FS.readFileSync('../loader.js','utf8'));我添加到我的webpack配置中:node:{fs:"empty"}webpack使用Babel编译,但我在js控制台中收到错误FS.readFileSyncisnotafunction这是为什么?我只想导入一个javascript文件。特别是为了使用谷歌的Material条形图。https://developers.google.com/chart/interactive/docs/gallery/ba

javascript - Angular 1.X、webpack 和 ngtemplate 加载器问题

最近有人向我介绍了Webpack,我一直在尝试为Angular1和带有ES6的Webpack制作一个入门包。到目前为止,上帝。我能够创建这样的东西:importangularfrom'angular';importuiRouterfrom'angular-ui-router';importngAnimatefrom'angular-animate';importngAriafrom'angular-aria';importngMessagesfrom'angular-messages';importngMaterialfrom'angular-material';importUserM

javascript - 将 webpack 和 babel 与父项目目录中的文件一起使用

我有一个这样设置的项目,我正在尝试从file-b.js中获取file-a.js。project-name/node_modules/src/file-a.jstools/tool-name/node_modules/src/file-b.jswebpack.config.jspackage.jsonpackage.json我的webpack1.13.0配置一直有效,直到我添加了babel-loader6.2.4和babel-preset-es20156.6.0.然后我开始收到错误消息。ERRORin/home/dan/dev/dan/project-name/src/file-a.js

javascript - Webpack - 在 webpack.config.json 中使用脚本加载器

我才刚刚开始涉足webpack的世界。我在vueify中使用了很棒的Vue.js,因此我的模块是ES6。我遇到的一个困难是加载一些第3方jQuery插件。我正在使用ProvidePlugin加载jQuery-效果很好。plugins:[newwebpack.ProvidePlugin({$:"jquery",jQuery:"jquery"})]然后我有一个名为plugins的目录,其中包含杂项jQuery插件。我的理解是脚本加载器只是将它们作为字符串加载到捆绑文件中,并在捆绑加载时对它们进行评估。然后可以像在常规脚本标记中加载这些脚本一样使用这些脚本(即不需要导入)。但我就是无法使用任

javascript - webpack -p 无法丑化 es2015 代码

webpack-pcli命令无法对es2015代码进行uglify包.json"devDependencies":{"babel":"^6.5.2","babel-core":"^6.13.2","babel-loader":"^6.2.4","babel-preset-es2015":"^6.13.2"}webpack.config.jsvarwebpack=require("webpack");varconfig={entry:'./src/app.js',devtool:"source-map",output:{path:'../Scripts',filename:'bundle