Webpack
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Webpack相关的知识,希望对你有一定的参考价值。
Webpack是一个针对javascript应用的打包工具,它按以下步骤来执行打包过程:
- 第归的扫描你的应用
- 根据扫描为你的应用构造一个包括所有模块的依赖关系图
- 根据关系图打包所有模块到一个或多个捆绑保(bundles)
Webpack包括4个核心概念
- 入口(Entry)
- 输出(Output)
- 装载(Loaders)
- 插件(Plugins)
请参看下面例子:
const htmlWebpackPlugin = require(‘html-webpack-plugin‘); //installed via npm const webpack = require(‘webpack‘); //to access built-in plugins const path = require(‘path‘); const config = { entry: ‘./path/to/my/entry/file.js‘, output: { path: path.resolve(__dirname, ‘dist‘), filename: ‘my-first-webpack.bundle.js‘ }, module: { rules: [ { test: /\.txt$/, use: ‘raw-loader‘ } ] }, plugins: [ new webpack.optimize.UglifyJsPlugin(), new HtmlWebpackPlugin({template: ‘./src/index.html‘}) ] }; module.exports = config;
以上是关于Webpack的主要内容,如果未能解决你的问题,请参考以下文章
Vue报错:Uncaught TypeError: Cannot assign to read only property 'exports' of object 的解决方法(代码片段
报错:✘ http://eslint.org/docs/rules/indent Expected indentation of 0 s paces but found 2(代码片段
报错:✘ http://eslint.org/docs/rules/indent Expected indentation of 0 s paces but found 2(代码片段