app会替代网站吗,网站页面高度,赣州建设工程信息网,网页设计与开发实训报告Webpack 是一个前端资源加载/打包工具。
安装 Webpack
使用 cnpm 安装 webpack#xff1a; cnpm install webpack -g 创建项目 接下来我们创建一个目录 app#xff1a; mkdir app 在 app 目录下添加 runoob1.js 文件#xff0c;代码如下#xff1a;
app/runoob1.js 文件…Webpack 是一个前端资源加载/打包工具。
安装 Webpack
使用 cnpm 安装 webpack cnpm install webpack -g 创建项目 接下来我们创建一个目录 app mkdir app 在 app 目录下添加 runoob1.js 文件代码如下
app/runoob1.js 文件document.write(It dashu.);app/index.html 文件htmlheadmeta charsetutf-8/headbodyscript typetext/javascript srcbundle.js charsetutf-8/script/body
/html
接下来我们使用 webpack 命令来打包 webpack dashu.js bundle.js 配置文件
app/webpack.config.js 文件
module.exports {entry: ./dashu.js,output: {path: __dirname,filename: bundle.js},module: {loaders: [{ test: /\.css$/, loader: style-loader!css-loader }]}
};
插件 cnpm install webpack --save-dev 安装 cnpm install webpack-dev-server -g 运行 webpack-dev-server --progress --colors
