草庐IT

webpack-5

全部标签

javascript - 如何使用 webpack 加载库源映射?

我正在使用webpack构建两个项目;一个是另一个的图书馆。在构建包装器项目时是否可以使用我的库项目中的源映射?我希望能够从我的包装器UI调试我的库代码。我的构建工作正常,因为库是内置的。唯一的问题是源映射。我在浏览器调试器中看到的JavaScript被丑化了,因为源映射不可用。我的项目结构片段:+--my-ui/+--dist/+--my-ui.js+--my-ui.js.map+--node_modules/+--my-lib/+--dist/+--bundle.js+--bundle.js.map来自webpack.config.js的片段:module.exports={ent

javascript - 如何使用 webpack 加载库源映射?

我正在使用webpack构建两个项目;一个是另一个的图书馆。在构建包装器项目时是否可以使用我的库项目中的源映射?我希望能够从我的包装器UI调试我的库代码。我的构建工作正常,因为库是内置的。唯一的问题是源映射。我在浏览器调试器中看到的JavaScript被丑化了,因为源映射不可用。我的项目结构片段:+--my-ui/+--dist/+--my-ui.js+--my-ui.js.map+--node_modules/+--my-lib/+--dist/+--bundle.js+--bundle.js.map来自webpack.config.js的片段:module.exports={ent

javascript - 使用 webpack 导入 angularjs 的最佳实践是什么?

Webpack和AngularJS如何结合使用,模板加载和按需获取资源如何?非常感谢为此目的编写良好的webpack.config.js文件示例。此处显示的所有代码片段均可在thisgithubrepo访问.代码已大量改编自thispacketloopgitrepo.webpack.config.jsonvarpath=require('path');varResolverPlugin=require("webpack/lib/ResolverPlugin");varconfig={context:__dirname,entry:['webpack/hot/dev-server','.

javascript - 使用 webpack 导入 angularjs 的最佳实践是什么?

Webpack和AngularJS如何结合使用,模板加载和按需获取资源如何?非常感谢为此目的编写良好的webpack.config.js文件示例。此处显示的所有代码片段均可在thisgithubrepo访问.代码已大量改编自thispacketloopgitrepo.webpack.config.jsonvarpath=require('path');varResolverPlugin=require("webpack/lib/ResolverPlugin");varconfig={context:__dirname,entry:['webpack/hot/dev-server','.

javascript - 如何向具有多个加载器的 webpack 加载器添加查询?

我有一个正在运行的Babel加载器{test:/\.jsx?$/,loader:'babel',query:babelSettings,exclude:/node_modules/},但现在我想要一个CoffeeScript加载器,但我想通过Babel将其通过管道传输以获得花哨的HMR内容{test:/\.coffee$/,loader:'babel!coffee',query:babelSettings,exclude:/node_modules/},但这不起作用,并导致以下错误。Error:Cannotdefine'query'andmultipleloadersinloaders

javascript - 如何向具有多个加载器的 webpack 加载器添加查询?

我有一个正在运行的Babel加载器{test:/\.jsx?$/,loader:'babel',query:babelSettings,exclude:/node_modules/},但现在我想要一个CoffeeScript加载器,但我想通过Babel将其通过管道传输以获得花哨的HMR内容{test:/\.coffee$/,loader:'babel!coffee',query:babelSettings,exclude:/node_modules/},但这不起作用,并导致以下错误。Error:Cannotdefine'query'andmultipleloadersinloaders

javascript - webpack import 返回 undefined,取决于导入的顺序

我正在使用webpack+babel。我有三个模块,如下所示://A.js//someotherimportshereconsole.log('A');exportdefault'some-const';//B.jsimportsomeConstfrom'./A';console.log('B',someConst);exportdefault'something-else';//main.jsimportsomeConstfrom'./A';importsomethingElsefrom'./B';console.log('main',someConst);当执行main.js时,我

javascript - webpack import 返回 undefined,取决于导入的顺序

我正在使用webpack+babel。我有三个模块,如下所示://A.js//someotherimportshereconsole.log('A');exportdefault'some-const';//B.jsimportsomeConstfrom'./A';console.log('B',someConst);exportdefault'something-else';//main.jsimportsomeConstfrom'./A';importsomethingElsefrom'./B';console.log('main',someConst);当执行main.js时,我

javascript - Webpack-dev-server 编译文件但不刷新或使已编译的 javascript 可供浏览器使用

我正在尝试使用webpack-dev-server来编译文件并启动开发Web服务器。在我的package.json中,我将脚本属性设置为:"scripts":{"dev":"webpack-dev-server--hot--inline",}所以--hot和--inline应该启用网络服务器和热重载(据我所知)。在我的webpack.config.js文件中,我设置了入口、输出和devServer设置,并添加了一个加载程序来查找.vue文件中的更改:module.exports={entry:'./src/index.js',output:{path:__dirname+'/publi

javascript - Webpack-dev-server 编译文件但不刷新或使已编译的 javascript 可供浏览器使用

我正在尝试使用webpack-dev-server来编译文件并启动开发Web服务器。在我的package.json中,我将脚本属性设置为:"scripts":{"dev":"webpack-dev-server--hot--inline",}所以--hot和--inline应该启用网络服务器和热重载(据我所知)。在我的webpack.config.js文件中,我设置了入口、输出和devServer设置,并添加了一个加载程序来查找.vue文件中的更改:module.exports={entry:'./src/index.js',output:{path:__dirname+'/publi