码迷,mamicode.com
首页 >  
搜索关键字:Webpack    ( 4842个结果
webpack入门
webpack是运行在Node.js中的静态资源管理器,将各种依赖文件生成.js,.css,.png等文件。可通过npm包管理工具进行安装。 一、安装:在命令行中输入npm install webpack -g指在全局环境中安装webpack,之后webpack -h可查看安装的webpack, 之 ...
分类:Web程序   时间:2017-02-20 11:22:53    阅读次数:198
求助,关于webpack url-loader配置图片路径错误的问题
这是我css文件图片引入的位置 这是我的webpack配置 最后就会出现这种路径,如果我把url-loader的输出名改成name=../images/[name].[ext],这样它会把图片输出到dist同级的位置,而不是dist目录内,求教怎么解决! 回答:你得配置个output.publicP ...
分类:Web程序   时间:2017-02-19 00:21:38    阅读次数:2131
Webpack入门教程十
57.注释插件(BannerPlugin)使用,修改webpack.config.js配置文件,修改内容如下varwebpack=require(‘webpack‘); module.exports={ entry:__dirname+"/app/Greeter.js", output:{ path:__dirname+"/public", filename:"bundle.js" }, devServer:{ contentBase:"./publi..
分类:Web程序   时间:2017-02-18 21:41:05    阅读次数:245
gulp与webpack的区别
常有人拿gulp与webpack来比较,知道这两个构建工具功能上有重叠的地方,可单用,也可一起用,但本质的区别就没有那么清晰。 gulp gulp强调的是前端开发的工作流程,我们可以通过配置一系列的task,定义task处理的事务(例如文件压缩合并、雪碧图、启动server、版本控制等),然后定义执 ...
分类:Web程序   时间:2017-02-18 18:13:18    阅读次数:348
node 安装 webpack
首先要安装 Node.js, Node.js 自带了软件包管理器 npm,Webpack 需要 Node.js v0.6 以上支持,建议使用最新版 Node.js。 用 npm 安装 Webpack: 此时 Webpack 已经安装到了全局环境下,可以通过命令行 webpack -h 试试。 通常我 ...
分类:Web程序   时间:2017-02-18 17:12:04    阅读次数:237
Webpack 入门教程4
21.创建webpack.config.js配置文件echo...>webpack.config.js22.将webpack.config.js内容修改为如下内容module.exports={ entry:"./runoob1.js", output:{ path:__dirname, filename:"bundle.js" }, module:{ loaders:[{ test:/\.css$/, loader:"style-load..
分类:Web程序   时间:2017-02-18 14:39:32    阅读次数:140
Webpack 入门教程1
1.创建项目,项目名appmkdirapp2.进入app的目录cdapp3.在项目的根目录下创建runoob1.js文件echodocument.write("Itworks");>runoob1.js4.查看该目录下生成的文件dir5.查看runoob1.js文件中的内容typerunoob1.js6.在项目的根目录下创建index.html文件echo...>index.html7...
分类:Web程序   时间:2017-02-18 14:39:10    阅读次数:290
Webpack 入门教程3
16.如果我们需要在项目中使用CSS,那么我们就需要安装css-loader和style-loader模块cnpminstallcss-loaderstyle-loader17.在项目的根目录中创建style.css文件,文件内容如下echo...>style.css/*style.css中的文件内容*/ body{ //设置背景色为灰色 background:#ccc; }18.修改r..
分类:Web程序   时间:2017-02-18 14:38:43    阅读次数:235
webpack 配置IP 和端口号
最近在用webpack搭建本地服务器的时候,因为不想总是用localhost来跑,所以对webpack.config.js进行了配置,如下 devServer: { //publicPath: '/dist/', host: '192.168.0.104', inline: true, port: ...
分类:Web程序   时间:2017-02-18 14:28:33    阅读次数:227
利用nodejs监控文件变化并使用sftp上传到服务器
很久没写博客了,因为最近在用react+express做一个自己的工具型网站(其实就是夺宝岛抢拍器) 然后因为经常要改动,而且又要放到服务器上进行测试。总是要webpack,然后手动把文件上传上去,不胜其烦,索性搜索了下,直接写个能检测文件变化并自动进行上传的脚本好了。 首先,我们使用npm 安装两 ...
分类:Web程序   时间:2017-02-18 09:24:19    阅读次数:186
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!