随笔分类 -  webpack

webpack学习笔记——sourcemap(使用webpack打包的项目如何调试代码)
摘要：[webpack]devtool里的7种SourceMap模式是什么鬼？ 里面详细介绍了7种模式的区别，和建议使用。 webpack sourcemap 选项多种模式的一些解释 两篇文章大同小异，第一篇更详细。 在此记录，以方便大家查看。 阅读全文
posted @ 2017-04-27 10:13 心悦诚服555 阅读(960) 评论(0) 推荐(0)
webpack学习笔记——打包后直接访问页面，图片路径错误
摘要：我说的这种图片路径错误是这样的，运行webpack-dev-server，一切正常，没有错误。当webpack之后，直接打开index页面，报错，图片找不到，找不到的原因是路径错误。 先看我的项目代码 webpack.config.js 这里设置了publicPath,用法点击这里 index.ht 阅读全文
posted @ 2017-04-26 15:15 心悦诚服555 阅读(4527) 评论(0) 推荐(2)
webpack学习笔记——项目引入zepto及tap事件失效的解决
摘要：先要npm下来zepto：npm install zepto 然后npm下来exports-loader和script-loader 配置如下： JavaScript 这样我们在页面入口文件中就可以这么写： JavaScript 阅读全文
posted @ 2017-04-25 14:12 心悦诚服555 阅读(2786) 评论(5) 推荐(1)
webpack学习笔记——publicPath路径问题
摘要：如果没有指定pubicPath,则引入路径如下 如果有指定publicPath 则引入如下 阅读全文
posted @ 2017-04-07 18:07 心悦诚服555 阅读(25307) 评论(0) 推荐(1)
webpack学习笔记——path
摘要：__dirname + '/src' path.resolve(__dirname, 'src') path.resolve(__dirname, './src') path.join(__dirname, '/src') path.join(__dirname, './src') path.joi 阅读全文
posted @ 2017-03-30 17:19 心悦诚服555 阅读(164) 评论(0) 推荐(0)
webpack学习笔记——--save-dev和--save
摘要：--save-dev 是你开发时候依赖的东西，--save 是你发布之后还依赖的东西。 dependencies是运行时(发布后)依赖，devDependencies是开发时的依赖 比如，你写 ES6 代码，如果你想编译成 ES5 发布那么 babel 就是devDependencies。如果你用了 阅读全文
posted @ 2017-03-27 09:35 心悦诚服555 阅读(1500) 评论(0) 推荐(1)
webpack学习笔记——解决多次输出的问题&自动编译之启用观察者模式，热重载
摘要：【解决多次输出的问题】 昨天学会了用命令打包，如下 但是会出现多次输出要表现的内容的问题，如下，执行几次上述命令，显示几次，原因是并没有清除之前输出的内容，直接在最前面插入了最新编译的内容。 今天翻看相关博客，发现有用命令webpack直接打包的，就试了试，果然，解决了多次输出的问题。 后来又发现， 阅读全文
posted @ 2017-03-22 09:48 心悦诚服555 阅读(1179) 评论(0) 推荐(1)
webpack学习笔记——打包js
摘要：1.新建一个入口js文件，如entry.js，代码如下： 2.然后编译 entry.js 并打包到 bundle.js(会自动生成)，在cmd中找到当前entry.js目录下，执行如下命令： 用浏览器打开 html页面 将会看到 It works. 3.接下来增加一个模块module.js，需要修改 阅读全文
posted @ 2017-03-21 16:24 心悦诚服555 阅读(170) 评论(0) 推荐(0)