为了账号安全,请及时绑定邮箱和手机立即绑定

不使用脚手架怎么打包?

之前用脚手架可以npm run build,那这种不用脚手架的方式怎么办呢? 

正在回答

2 回答

刚刚写上的代码因为用上了热替换,所以只需要webpack打包,然后webpack-dev-server就可以直接打开相对应的页面

1 回复 有任何疑惑可以回复我~
#1

ma瑶

可是webpack也没用呢????
2019-03-18 回复 有任何疑惑可以回复我~

这是实现较为简单的打包,我对这个也不是特别的了解,就把代码直接给你写上,如果不懂就查阅webpack的官网一一对应这去看,就可以明白以下代码的意思,然后进行较为简单的打包,毕竟慢慢来,由简入繁

// webpack.config.js

const webpack = require('webpack')

const htmlWebpackPlugin = require('html-webpack-plugin')

const path = require('path')

module.exports = {

    entry: './entry.js', //入口文件

    output: {// 出口文件

        filename: "bundle.js",

        path: __dirname+'/dist'

    },

    module: {

        rules: [

            {test:/\.js$/, use: ["babel-loader"]},

            {test: /\.css$/, use: ["style-loader", "css-loader"]}

        ]

    },

    plugins: [

        new HtmlWebpackPlugin({

            template: "./index.html"

        }),

        new webpack.HotModuleReplacementPlugin() //热替换

    ],

    devSever: {

        contentBase: __dirname,

        port: 8080,

        open: true

    }

}

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
使用vue2.0实现购物车和地址选配功能
  • 参与学习       96944    人
  • 解答问题       445    个

本视频教程结合案例完整贯穿各个知识点,轻松玩转vue2.0框架

进入课程

不使用脚手架怎么打包?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信