webpack学习记录01

作者: 33d8e4ec2cc9 | 来源:发表于2017-06-28 15:28 被阅读21次

entry和output

新建一个文件夹，进去之后
安装了webpack, 和webpack-dev-server之后, 就可以通过

$ webpack-dev-server

来启动你的项目

webpack.config.js

module.exports = {
    entry: './app.js',
    output: {
        filename: 'output.js'
    }
}

entry参数代表你的入口文件
app.js

document.write('<h1>Hello World</h1>');

需要建一个index.html
index.html

<html>
  <body>
    <script type="text/javascript" src="output.js"></script>
  </body>
</html>

  $ webpack-dev-server

打开localhost:8080
你就可以看到输出的内容了

webpack学习记录01
entry和output 新建一个文件夹，进去之后安装了webpack, 和webpack-dev-server...
初探webpack小记
webpack学习记录安装webpack 全局安装webpack：npm install webpack -g之...
Webpack 4 学习04（配置webpack-dev-ser
前提：- Webpack 4 学习01（基础配置） - Webpack 4 学习02（...
webpack4.0学习笔记
一直使用webpack,但没有系统学过,这次边学边记录. 01_webpack4.0学习笔记之前端模块化 02_w...
前端工程化之webpack学习记录
本文是本人正式开始学习webpack的记录文档，时间：2020-05-16，webpack版本:"webpack"...
webpack学习记录
学习链接： https://doc.webpack-china.org/concepts/webpack处理css...
学习webpack记录
现在在用JavaScript练习算法题，用到大量ES6语法特性，在补充ES6语言基础的同时，实在觉得nodejs内...
webpack学习记录
先从看文档开始学习，认识，学习的是webpack v4.41.0传送门：https://www.webpackjs...
Webpack学习记录
注：“_dirname”是node.js的一个全局变量，指向当前执行脚本所在的目录。几个核心概念。 Entry:...
2018-06-17 webpack—js打包
记录webpack打包学习我现在跟着视频教程学习webpack基础打包，在最开始就遇到了问题，首先教程webpa...

网友评论

本文标题：webpack学习记录01

本文链接：https://www.haomeiwen.com/subject/nrpucxtx.html