const path = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin'); // 通过 npm 安装const webpack = require('webpack'); // 用于访问内置插件module.exports = {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 HtmlWebpackPlugin({template: './src/index.html'})],mode:'production' || 'development'};

module.exports = {// 单个入口entry: './path/to/my/entry/file.js'// 为单个入口文件赋值名字entry: {main: './path/to/my/entry/file.js'}// 多文件多入口，一般用于分离 应用程序(app) 和 第三方库(vendor) 入口entry: {app: './src/app.js',vendors: './src/vendors.js'}
}

module.exports = {// 最低要求,filename和pathoutput:{filename:'bundle.js',path: '/home/proj/public/assets'}// 如果有多个入口文件，即生成多个单独的"chunk"，则要使用占位符来确保每个文件具有唯一的名字output: {filename: '[name].js',path: __dirname + '/dist'}}

module.exports = {mode: 'production' //生产mode: 'development' //开发
};

// npm install --save-dev css-loader
// npm install --save-dev ts-loader//在webpack.config.js中配置
module.exports = {module: {rules: [{ test: /\.css$/, use: 'css-loader' },{ test: /\.ts$/, use: 'ts-loader' }]}
};// 使用内联方式配置
import Styles from 'style-loader!css-loader?modules!./styles.css';// 通过 CLI 使用
webpack --module-bind jade-loader --module-bind 'css=style-loader!css-loader'

const HtmlWebpackPlugin = require('html-webpack-plugin'); //通过 npm 安装
const webpack = require('webpack'); //访问内置的插件module.exports = {....plugins: [new webpack.optimize.UglifyJsPlugin(),new HtmlWebpackPlugin({template: './src/index.html'})]
}

// 已经取得文件的绝对路径，不需要在做解析
import "C:\\Users\\me\\file";// 在import/require给定的相对路径，添加上下文路径，转化为绝对路径
import "../src/file1";// 模块路径
//（1）指定目录，如果目录具有扩展名，直接打包；如果没有，查看resolve.extensions 的值，看看接受那些扩展名，如.js,.jsx
import "module";//（2）指向文件夹
/*a.如果文件夹中包含 package.json 文件，则按照顺序查找 resolve.mainFields 配置选项中指定的字段。
并且 package.json 中的第一个这样的字段确定文件路径。
b.如果 package.json 文件不存在或者 package.json 文件中的 main 字段没有返回一个有效路径，则按照顺序查找 resolve.mainFiles 配置选项中指定的文件名，看是否能在 import/require 目录下匹配到一个存在的文件名。
c.文件扩展名通过 resolve.extensions 选项采用类似的方法进行解析。*/
import "module/lib/file";