IT常识
技术 Python PHP JavaScript IOS Android Java 数据库 资源 公众号 代码片段 github
  • IT常识
  • web服务器

Webpack2学习记录-2

Posted 2020-09-09 tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Webpack2学习记录-2相关的知识,希望对你有一定的参考价值。

这篇在 webpack-demo 目前下新建一个 w2 目录,学习 webpack.config.js 及 与 npm scripts 的使用。

 

1、w2 下新建一个 webpack.config.js,内容如下

var path = require(\'path\');

module.exports = {
  entry: \'./app/index.js\',
  output: {
    filename: \'bundle.js\',
    path: path.resolve(__dirname, \'dist\')
  }
};

 

这是 w2 目录为

这时就可以直接在命令行执行 webpack 命令了,一些配置参数 webpack.config.js 文件即可,减少在命令行输入过多参数。

 

2、package.json 中加一行

这时可以结合npm命令来使用 webpack 了。

 

3、cd 到 w2 执行 npm run build

 

可以看到 w2 下生成了一个 dist 目录, 和 w1 一样。

 

4、打开 index.html ,效果和 w1 一样。

以上是关于Webpack2学习记录-2的主要内容,如果未能解决你的问题,请参考以下文章

webpack2 项目构建一

Webpack2 视频教程

ElasticSearch学习问题记录——Invalid shift value in prefixCoded bytes (is encoded value really an INT?)(代码片段

golang代码片段(摘抄)

Webpack 学习记录-01

webpack2.XVue学习以及将两者相结合

(c)2006-2024 SYSTEM All Rights Reserved IT常识