草庐IT

gulp-webpack

全部标签

javascript - Webpack -- 包含配置文件作为外部资源

随着应用程序的增长,是时候从代码中删除硬编码的东西了。是时候实现正确的配置文件了。我正在考虑使用webpack,并包含配置文件,这样我就可以在react.js应用程序中要求它。这是我所做的(webpack.config):varpath=require('path');varwebpack=require('webpack');module.exports={entry:['./src/app.js'],output:{path:path.join(__dirname,'public/js'),filename:'app.built.js'},externals:{'Configura

javascript - webpack dev server 的惰性模式有什么作用?

我正在运行我的webpack-dev-serverwebpack-dev-server--lazy--inline--progress--colors--port8082但是,当我的浏览器尝试访问bundle.js时,这会在我的浏览器中显示404错误。其他一切似乎都很好,因为如果我将--lazy替换为--hot,一切正常。--lazy到底做了什么?更新:这是webpack文件-module.exports={devtool:"source-map",entry:['webpack/hot/only-dev-server',//"only"preventsreloadonsyntaxer

javascript - Webpack 动态创建模块

我正在编写一个创建SVGSprite的插件。它遍历目录,将SVG文件合并到一张图像中并返回结果。这个想法是动态创建一个模块(包含合并的图像),以便其他模块可以将其作为普通模块使用。或者您可以建议一个更优雅的解决方案?配置{plugins:[newSvgSpritePlugin({sprites:{icons:'images/svg/icons/*.svg',logos:'images/svg/logos/*.svg',socials:'images/svg/logos/{twitter,youtube,facebook}.svg',}})]}应用中的某处varlogosSprite=r

javascript - 将 webpack 与现有的 requirejs 应用程序一起使用

我正在使用在其构建系统中使用RequireJS的现有应用程序(canvas-lms)。我正在开发一个插入Canvas的伪独立应用程序(Canvas术语中的“client_app”)。这是一个仅fontend的应用程序,它使API调用返回到主机Canvas应用程序。细节对于我的问题来说并不是非常重要-所有client_app需要做的就是有一个构建脚本,在Canvas应用程序树中的定义位置吐出一个JS文件。我正在尝试使用Webpack而不是RequireJS来构建我的应用程序。如果我保持所有依赖项独立(例如npm-install我需要的一切),一切都会很好;然而,Canvas已经提供了许多

前端项目review之修改element-ui全局主题颜色配置element-theme-chalk和gulp

每个公司的主题风格肯定是不一样的,比如现在的公司主题就是#00ab7a。在PC端TO-B的项目中少不了用element-ui,这个时候用element-theme-chalk直接本地编译修改了element全局的主题色。一.修改默认主题配色1.全局安装element-themenpminstallelement-theme-g2.在vue中安装element-theme-chalk到dev生产环境npminstallelement-theme-chalk-D3.初始化变量文件element-variables.scsset-i4.修改主题配色5.编译为prd环境代码et6.在vue中引入ele

javascript - Laravel elixir "gulp watch"不监视 Javascript 更改

我正在尝试使用laravelelixir它工作正常。gulpfile.js:constelixir=require('laravel-elixir');require('laravel-elixir-vue-2');elixir(mix=>{mix.sass('app.scss').webpack('app.js');});但是当我使用gulpwatch时,它只监视scss文件而不是JS所以如果我编辑app.jsgulp只是不编译它,但是如果我运行gulp它会编译所有东西它只是gulpwatch不能正常工作。 最佳答案 可能(但不确

webpack详解

一、什么是webpack1、官方解释从本质上来讲,webpack是一个现在的javaScript应用的静态模块化打包工具。(从两点概括这句话即模块和打包)下面来说一下模块和打包的概念!2、前端模块化前端模块化的一些方案:AMD、CMD、CommonJS、ES6(浏览器不能识别它们,但是webpack可以做它们的底层支撑,方可进行模块化开发)ES6之前,要想进行模块化开发,就必须借助于其他的工具,让我们可以进行模块化开发并且在通过模块化开发完成了项目后,还需要处理模块化间的各种依赖,并且将其进行整合打包此时出现webpack,其中一个核心就是让我们可能进行模块化开发,并且会帮助我们处理模块间的依

webpack详解

一、什么是webpack1、官方解释从本质上来讲,webpack是一个现在的javaScript应用的静态模块化打包工具。(从两点概括这句话即模块和打包)下面来说一下模块和打包的概念!2、前端模块化前端模块化的一些方案:AMD、CMD、CommonJS、ES6(浏览器不能识别它们,但是webpack可以做它们的底层支撑,方可进行模块化开发)ES6之前,要想进行模块化开发,就必须借助于其他的工具,让我们可以进行模块化开发并且在通过模块化开发完成了项目后,还需要处理模块化间的各种依赖,并且将其进行整合打包此时出现webpack,其中一个核心就是让我们可能进行模块化开发,并且会帮助我们处理模块间的依

php - Symfony 网页包 : Could not find the entrypoints file from Webpack

一个比较新的Symfony4.1.7项目安装WebpackEncore后报错Anexceptionhasbeenthrownduringtherenderingofatemplate("CouldnotfindtheentrypointsfilefromWebpack:thefile".../public/build/entrypoints.json"doesnotexist.")模板包含的地方{{encore_entry_link_tags('app')}}启动时http://127.0.0.1:8000/我错过了什么?$yarnencoredevRunningwebpack...D

php - Gulp-webapp 运行 BrowserSync 和 PHP

我的主要目标是改编Yeoman的gulp-webapp运行PHP的开发工作流。具体来说,我希望能够使用gulp-php-connect具有多个基本目录(用于从Sass编译的CSS)和路由(用于Bower依赖项),如果可能的话。我可以使用gulp-connect-php运行PHP和Gulp插件,像这样:gulp.task('connect-php',function(){connectPHP.server({hostname:'0.0.0.0',bin:'/Applications/MAMP/bin/php/php5.5.3/bin/php',ini:'/Applications/MAM