草庐IT

pug-loader

全部标签

javascript - Uncaught Error : Could not find module `ember` imported from `ui/app` loader. js:164

我使用以下命令构建并提供我的ember应用程序:ember构建Ember服务两者都按预期工作。然后我转到以下localhost:4200URL来查看应用程序并在javascript控制台中看到以下错误:UncaughtError:AssertionFailed:EmberViewsrequirejQuerybetween1.7and2.1ember.debug.js:5921UncaughtError:Couldnotfindmodule`ember`importedfrom`ui/app`loader.js:164不太确定为什么找不到jquery或ember模块?Ember版本:ve

javascript - 模块构建失败 : TypeError: Cannot read property 'exclude' of undefined(awesome-typescript-loader)

我成功地将现有的Angular2项目转换为Angular4,但转换后出现以下错误:-模块构建失败:类型错误:无法读取属性“排除”的未定义更多详情,请引用下面的图片下面提供了我的package.json和tsconfig.json文件。package.json:-{"name":"project","version":"0.0.1","description":"project","keywords":["project"],"scripts":{"build:dev":"webpack--configconfig/webpack.dev.js--progress--profile","

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 - Pug 从模板中的另一个文件调用 js 函数

我将近四个小时都无法解决这个问题,而且我找不到任何对此类问题有帮助的文档。这就是问题所在,我正在使用pug/jade模板,我想在pug模板中调用函数来转换一些数据这是主模板:/**maintemplate*/sectioneachpetinpets.pet.photo-columnimg(src=pet.photo).info-columnh2=pet.namespan.species=(pet.species)pAge:#{calculateAge(pet.birthYear)}//hereIneedtocallcalculateAgefunctionifpet.favFoodsh4

javascript - 避免将 lib 依赖项与 webpack + handlebars loader 捆绑在一起

我正在使用handlebars模板编写一个库,我想使用Webpack来捆绑它。我正在使用handlebars-loader这样我就可以要求并预编译模板。但是我不希望Handlebars(或Handlebars/运行时)包含在我编译的库中,因此,我想将它们设置为外部。这是我的配置文件:module.exports={context:__dirname+'/src',entry:'./index.js',output:{path:__dirname+'/dist',filename:'stuff.js',libraryTarget:'umd',library:'Stuff'},extern

javascript - react-hot-loader 的 webpack 输出文件去哪里了?

首先让我说我设置的一切都有效,这只是一个困扰我的问题,我很想得到答案。我正在使用react-hot-boilerplate项目(https://github.com/gaearon/react-hot-boilerplate)。然而,在webpack.config.js中,这个设置让我困惑不已:output:{path:path.join(__dirname,'dist'),filename:'bundle.js',publicPath:'/static/'},在此配置中,输出文件似乎应该进入项目根目录中的dist文件夹。即使我手动创建dist文件夹(我知道我不应该这样做),也不会输出

javascript - Webpack css-loader 没有构建

我在使用css-loader在我的JSX文件上加载CSS时遇到困难。我正在关注以下示例:https://christianalfoni.github.io/react-webpack-cookbook/Loading-CSS.html这是我的JSXimportReactfrom'react';importReactDOMfrom'react-dom';importstylesfrom'./styles.css';classHelloextendsReact.Component{render(){returnHelloworld!}}varel=document.getElementBy

javascript - Webpack 4 中 css-loader 的 importLoaders 选项到底是什么?

我从一个月开始就开始学习Webpack4。我想做的大多数事情都很好,但是css-loader的这个importLoaders选项对我来说仍然是个谜。其官方documentation很差,我还没有找到任何关于它的很好解释的文章。我的用例与文档中介绍的用例非常接近:{test:/\.s?css$/,use:[ExtractCssChunks.loader,{loader:'css-loader',options:{importLoaders:2,//0=>noloaders(default);1=>postcss-loader;2=>postcss-loader,sass-loaderim

javascript - 如何为 Pug、React 和 ES6 设置 webpack

我正在尝试使用React和ES6制作一个网站。我正在使用Webpack通过Babel转译我的JS,它工作正常。现在我需要知道如何用Pug(或HTML)编写我的模板并将其添加到Webpack工作流中。我希望我的构建文件夹有两个文件:我的bundle.js我的index.html文件从我的index.pug文件编译而来一个示例webpack.config.js文件会有所帮助,但我真正想要的只是如何执行此操作的一般思路。谢谢! 最佳答案 要在webpack中使用pug模板,您需要首先安装几个webpack插件。htmlwebpackplu

javascript - Postcss-loader 没有缩小 css 输出

我正在使用webpack和postcss-loader自动添加前缀并缩小我的CSS,然后将其加载到css-loader以使用css-modules。我在缩小CSS时遇到问题。通过webpack检查发出的.js文件显示CSS未使用cssnano缩小(因为我仍然可以看到空白字符)。我做错了什么?一些相关的配置文件:webpack.config.js:constpath=require('path');constwebpack=require('webpack');varpostCompileScript=require('./postCompile');module.exports={en