webpack.config.js
const path = require(‘path’);
module.exports = {
mode: ‘production’,
// 入口文件配置
entry: ‘./js/test.js’,
// 输出配置
output: {
// 出口文件
filename: ‘bundle.js’,
// 设置全路径
path: path.resolve(__dirname, ‘dist’)
},
module: {
// 规则数组, 里面的每一个对象都是在描述一个loader
rules: [
{
//css文件加载，正则表达式css文件的路径
test: /.css$/,
use: [
‘style-loader’,
‘css-loader’
]
},
{
////图片文件加载
test: /.(png|jpg|gif)$/,
use: [
{
loader: ‘file-loader’,
query: {
name: ‘img/[name]-[hash:5].[ext]’
}
},
],
},
]
},
devServer:{
contentBase: ‘./dist’
}
};
package.json
{
“name”: “state-snow”, // 项目名称
“version”: “0.1.0”, // 版本
“private”: true,
“scripts”: { // 运行脚本
“serve”: “vue-cli-service serve”,
“build”: “vue-cli-service build”,
“docker”: “docker build -t fdrb-web . && docker save -o fdrb-web.tar fdrb-web”
},
“dependencies”: { // 项目依赖
}
“devDependencies”: { // 开发依赖
}
}